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In this EBook, | have not only covered Simple Client Side 
Programming Concepts of JavaScript and Web Development 
but also various Advance Concepts like Anonymous 
Functions, JavaScript OOPS, JSON, AJAX, Clousers, 
etc... 


After learning JavaScript, you can very easily move to 
various JavaScript Frameworks like jQuery, Prototype, 
etc... for fast and easy Client Side Development. 


If you really want to be a Programmer as a Professional 
Developer, you will sure need to learn JavaScript because 


now each and everything is being developed on the basics of 
JavaScript. 


Like HTMLS5, which is the latest technology for web 
development, have been divided in various parts for various 
kinds of tasks to fulfill and for fulfilling various kinds of 
requirements, we need to use HTML5 API like Geo 
Location, and that is available only in JavaScript API 
Format. 


So for learning JavaScript Properly in easy to understand 
HINDI Language with hundreds of Example Programs, this is 
the only EBook for you. Just read and learn by fun. 
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Browser 4 Client Side Validation @ fey Develop far et| Netscape aT Market @ 
WW we Fo Gar zs, cia val Develop Ht we JavaScript Language sit 
Market 4 8 SR art W at GAG dw Yet adel & Fife aa Y Language 4 hdc 
Client Side Validation & fore suarfi & afem my onrel Ue ge Server Side Scripting 
Language @ su 4H #1 Use fear orat 2] 











1992 & aunt Nombas +4 @ vp Company 4 fort ae 4 Openware 4 oT 
Company 4 wt feu, Ye Scripting Language Develop @eaT yw far, fortat AT 
C-Minus-Minus wet war at] CMM gafey, aife a ara mi ae FC a C++ 
Language ux sient eft, cfm sia @ Web Browsers 4 Client Side Requirements 
al WI GX Wadl et sik Developers sa ara G Ura wad F | 





@o Way di Nombas 4 gu Language #1 7TH CMM © dacax ScriptEase a 
feat| wa Netscape Navigator Market 4 Popular 8M oa, al Nombas 4 set 
Language @I YH 4a Version Develop fear uit f& Web Page 4 Embed &) Wadi 
aT | ywstd 4 gH Embedding Process GI Espresso Pages el “lal a sik yet 
World Wide Web @TI Use Client Side Scripting Language 4 | 





Internet W GM GI Sst Jot HI Ge YW Web Page # Size MW ged ofl for 
Network @T Traffic #1 des am eiife carearay Validation @ Interactivity > HAT of 
WI at @ fay aR-ae Web Browser mt Web Server © Request Heil edt eft] 
sufery Netscape 4 Heyer fear fe Web Server oT Interaction PH HM H fay vo 
vel Scripting Language #1 orexad & GT Web Browser 4 €1 waratay Validation @ 
aT HT WTI GK S| 





SU UWE HI ea ¥ Yad By Brendan Eich «i fe Netscape Navigator &I Develop 
OX Ye BY, 7 LiveScript 44 # YH Client Side Scripting Language I 34 Web 
Browser 4 Include fat| wet way Sun Microsystems 3-1 Programming 
Language “Java” @I Develop &¥ xe oT ilk ari 4 Java ded Popular et ver eff, 
sufery Netscape Navigator * Official Release @ a1¢ LiveScript GI AH Jacl He 
JavaScript ox fear, aif ar a wasH< ga Language wx eam < fH JavaScript, 
— U waft s ple Language & ae JavaScript #7 Popular ef oy sik gar A 
| 


Netscape ¢ SUm JavaScript @! wheal G Be el Microsoft + + Web Browser 
Technology 4 mah war sik audi tae GI JavaScript SRT Scripting Language 341g 
forter a4 JScript YT TWAT | 
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3a WAI dH ada 4 JavaScript, JScript ¢ ScriptEase <i Client Side Scripting 
Languages e! 7g eff, of fe foe a1 ave G YH Unique Standard & Follow ae He 
Yel ott | 





dfe g4 Client Side Scripting Language #1 Popularity dea @4 Way FH aga waar zt 
Te of, gufere gH Language # #7 Standardized He SH Ged FeyA HI Wg, aif 
Scripting Language Develop @xt aici] Ut Companies 34 Standards # arene ue et 
aut Scripting Language @! Develop #¥ ¢ Web Developers &! sterI—sterT Web 
Browsers & fore aerI—3terT aXe HT Scripting Languages 4 Wrat Ts | 


sZutere 1997 # ml European Computer Manufactures Association (ECMA) I 
JavaScript 1.1 @T Standardized He HI YH Proposal Aor Tar sik Sa Association 
F Netscape, Sun, Microsoft, Borland ¢ 3% Companies, wit f& Client Side 
Scripting Language Develop #4 4H Interested of, & Watt HI vH Technical 
Committee wféd a! af JavaScript #1 Cross Platform, Vendor Neutral Scripting 
Language 34M & fore sah Syntax gd Semantics HI Standardize far oT Ue | 


weal CaS SA Committee 4 side Sa Y ECMAScript-262 44 a vw Standard 
dar fear sik JavaScript or 4H gectHx< ECMAScript 2 War!) al so aT ot 
JavaScript @ dé aaa 4 JavaScript ae sfem ECMAScript @ | 


art am diet && Uell A International Organization for Standardization and 
International Electotechnical Commission (ISO/IEC) = #1 ECMAScript of va 
Standard @t axe Accept ox fer six fee aaa ael wl Web Browsers 4 
JavaScript & Implementation @ fers ECMAScript @If sR @ wy A woarr F fora 
OM oT | 





JavaScript Implementation 


die uaa: ECMAScript a JavaScript eiai of vo él Gast ola &, wath 
JavaScript, ECMS-262 4 @8 sareal &| YH Complete JavaScript Implementation @ 
dm feed eld @: 


1. The Core (ECMAScript) 
2. The Document Object Model (DOM) 
30 The Browser Object Model (BOM) 


JavaScript 
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ECMAScript 

ECMA-262 4 Define fat tra ECMAScript fee? Web Browser @ Tied 4el ela! 
aRdd # 3a Language 4 Input Output @ fey wig Method sei €| Y Standard Hac 
vam Specification @ uit fafi=t Companies oY vm sree eat & fe Ge JavaScript HI 
fea ver Y Implement eat afey, af de fai 37 Web Browsers # Standard 
@ WAHd Yé| Web Browsers act dé Host Environment ed &, fori ECMAScript 
Implementation Exist @a @ | 








wh Host Environment ECMAScript @ Implementation oT see erat & sie Y Host 
edz alg Web Browser #! @l, Cal uel ael &| seiifery Adobe Company 4 3a 
Specification @ arm w aut Scripting Language Develop #! & foraat 4m 
ActionScript @ 3if< 38 Scripting Language Codes @1 Wart Hea € Adobe Flash 
#4 Cross-Browser Animation Create fear ula @| aml ActionScript Scripting 
Language oT + sere ECMAScript € @ | 


suey ue am seo Gem of al me UY was & a am a & ari 
ActionScript Programming oT +t dra wad € sik Adobe Flash 4 We Applications 
Create @t Wad € fA4 Animation eH yart fear Great zs | 


ECMAScript & Implementation @ uer et fafit Web Browsers at wa G Wt oe 
Extensions Develop xd @, cafe Web Browsers @! Users carer dedy aim GY Web 
Browsing & fay Use &¥ Ue | 


DOM ut Document Object Model #1 ve Extension # ect & GT st Core @ By 
4 ECMAScript & Type a Syntax 1 Use eat @ ae Host Environment, uit fe 
Web Browser * @! WHat @ sik Hy 37I Software +i, Additional Functionality 
Provide meal @| GARI: ay Host Environments > 69 4 ScriptEase ¢ Adobe 
Flash oI ast OT Ua eI 





ECMA-262 add 4 fit Web Browser @I Reference del eal sem Saar 
Specification fox + Scripting Language @ fit Parts mT Describe Gat &, fort 
e4 Core JavaScript “1 me Wad &: 


Syntax 

Types 
Statements 
Keywords 
Reserved Words 
Operators 
Objects 


NOOR WD = 


ECMAScript ac ft Language © Implementation #1 Description HT &, gufery 
JavaScript ada 4 ECMAScript @F Implement @xcaT &, ECMAScript waa og 
Programming Language “el @ sfem gee SMe UW 37 Scripting Language Develop 
al wg 8, f4 FW GS Most Poplar Implementations PARR ze: 
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EMCAScript 
JavaScript ActionScript ScriptEase 





adam wa 4 ECMAScript @1 5" Version a1 got @, cfoa sa Wi axe U fats 
Web Browsers 4 Implement “el fear war &| adam aaa H Internet Explorer, 
FireFox, Safari, Chrome @ Opera ul fe wad warer Use fhe UM adel Web 
Browsers @, 4 ECMAScript3.1 Specification @1 WT ave GH Implement fear z | 


Document Object Model(DOM) 


DOM v@ Application Programming Interface (API) &, for XML @& fee Define fear 
Tat a cafe HTML Documents Tt Extend far ot ah | DOM feet 4 Document @f 
Memory 4 Nodes @ WH Hierarchy @ ST 4 Model wea &| HTML a XML 
Document @ &% Element a Tag, Attribute ¢ Text emf€ DOM @ Nodes ot 
Represent mx &| Sarextt @ fee f¥-7 HTML Code efeau: 





<html> 
<head> 
<title>Sample page</title> 
</head> 
<body> 
<p>Hello World! </p> 
</body> 
<9 savers 


wa UY HTML Code Web Browser #t Memory 4 Load elat 8, ad TAR Form 4 
fafa HTML Elements @I va Hierarchy 44 ond @: 








html 














head 




















title 


























Sample Page 

















body 














Pp 

















Hello World! 











fexii Document & fafti-t Elements & Memory 4 gu axe GW Model eM @! Barer 
@l €! DOM a Document Object Model met urd @, forts Document & fart 
Elements DOM @ tH Node @! Represent Hed @ silk ex Node UH Object aI ave 
AIR Ha &, fora! tae GI GS Properties ¢ Behaviors ed @ | 





Document # faft=4 Contents #1 UH Tree galHx DOM, feet Web Developmer # 
aq Document uy Wl axe F Control oe GI Oldest yer oral & gait JavaScript 
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uM fel Scripting Language @T Wart Hed) Web Developer 3144 Document & frei 
Node @ Remove &¥t WHat & DOM 4 aa Node Add ox Waa z, feet saifea 
Node #1 Replace mX WH & sat DOM API oT yarT wed gy fot Node a 
Modify @Y Gara e| 





fe Web Browser 4 Document Render 8 @ sei SA Document 1 DOM Tree 
Create elct @, ul f& Sa Document oT In-Memory Model erat @ 3ilX Web Browser 
® Window 4 de feag eal @, vil DOM Tree 4 eat &, gufery DOM 4 fey aM Tet 
uRadai @T Effect Gx<1 Web Browser 4 Reflect eat | 


saftey DOM Tree faxt + Client Side Scripting Language @ fery ve ye Source 
eit @, fort ue dé Scripting Language fafi=4 war G Operations Perform Hap 
Document @! wat Interactive S44 4 Way el Ua es! 


qf DOM of fafa Companies 4 ag4—31t4 Web Browsers 4 aul fderqure 
sert—sterT TRY} WY Develop fear et, safety Web I Cross Platform art Platform 
Independent sare was & fore g Ut Web Browsers 4 feel Document oT vm shat 
fem & fey fee S ve Standard aia a werd al Heya fear war | 





wekdsy Ve Aa Organization aRacd 4 arar ferret ArH World Wide Web 
Consortium (W3C) 2! 4 Organization fafi4 yer & Web Related Standards 
Develop 4 GI GA Hal 81 Sa Organization 4 fa ast orufal oe fH 
Microsoft, Google, Yahoo, AOL sif¢ @ Members Participate @xd & 3k Web fru 
fear 4 art am ga aa a fica cx Standards Create Hd €| 











DOM @ aia am 4 act dim Levels W3C ant Define fey ay &| DOM Level 1 wad 
uUgel October 1998 4 Recommend far war at] Sa DOM @ at fey DOM Core 7 
DOM HTML | 


DOM Core fot XML Based Document @f1 Structure oH oI Ylaet Wear oxa 
cafe Developers fx XML Document @ faftiss feeal oY siramtt G Access HY Wh 
at DOM HTML aed 4 DOM Core o él Ya Extension @, fora# HTML & Uer 
®& Specific Objects ¢ Methods #t Add @eh HTML ot Extend fear war & | 


DOM JavaScript qe} & 3k ECMAScript @ ave & 38 A mg a Programming 
Languages 4 Implement fear war @1 etelfe Web Browsers 4 DOM @I 
ECMAScript #1 Yart mead Implement fear wat & sik ag BY DOM JavaScript 
Language @I tm Wad ISI g WAG Herat fee zs! 





DOM + ECMAScript #1 axe @] Hae UH Specification @| fort ave YW ECMAScript 
@ sea uw fait WHR al Scripting Languages GI Develop fear war &, set ave S 
DOM @ sem uy fafi=t var at Programming Languages 4 feet Document of 
Access ¢ Manipulate ot @ alal GI Develop fear oral & atf va Programming 
Language 4 Develop far 7a Document feet gal Programming Language #4 +f 
ara @ srart F fer Gr we | 


elcife DOM Level 1 a Yar Baeza feet Document #1 Structure Heat om, ats 
Developers JavaScript “it Client Side Scripting Language gRI Document @ fafti= 
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feeal or sit @ Access ¢ Manipulate HX Wh vafe DOM Level 2 HI Develop 
ae a Yt saezy DOM @ wet Mouse @ User Interface Events, Ranges, 
Traversals, d2itT Cascading Style Sheets &I Support Hara em, até Document oT 
4 mda dede alm F Structure foa ul qu siem Ba sel F Style WW fHa oT 
Uh | test e se Interactive #7 dara wT UH | sufere DOM Level 1 ® Core @F XML 
Namespaces @ Support a4 & fay Extend far var! DOM Level 2 4 fet ay 
Modules #1 Extend feat 7a em: 





DOM Views 

DOM Events 

DOM Styles 

DOM Traversal and Range 


RWN-= 


Document #1 Styling Het G vEct FT Styling HM GH ae vH et Document G Hy 
Views &! uid @| s4 Views ef Handle ot & fee DOM Views &I Concept 
Describe far ar | 


Document #1 User # fev sareat Interactive TAH @ few faft1 yar @ Events 7 
Event Handlers #! DOM Events ® =u 4 Describe far war | 


Document @! Styling @T Control <4 ¢ Document & Structure G stort wat G fery 
DOM Styles @! Describe feat rat até Document #1 Styling @f Control, Manage 
a Handle @T Sar et We | 


DOM Traversal and Range @! Describe @x¢ DOM @! Access, Manipulate @ 
Traverse oe & foe ay Descriptions &I Define fear ‘rar | 


adam waa 4 DOM Level 3 oY! Describe feat ut ver @ forah Va Methods of 
Support fear oi vet @ aif Web Browser a Host Environment ® Document #T 
Local Device 4% Save fear ut Wh F Local Device @ Host Environment 4 Load 
fear oT Ue | 


UH We FY ea TY a sta Web Technology Wi axe A Desktop Technology & 
WAH Bar sel @| Fife DOM Level 2 aw fox wt Document &T Local Device 4 
Save el far ot wart en, sxifere alg AT User Gact aél Document @@ Wear 2, 
art at é feet Document of Access @X WHat A, GT Developer 4 se sferact 
fear ett | 








eft DOM Level 3 & YT Implementation & ae a qa WI ave SF dea we 
aife sa Refi 4 User aul george feet Document oT Modify mx waa sik 
au Personal Device 1 Save ot War! foTMA vH st Document ol saem—sert 
Users sud} geOIUR serl—serT alae BW Access J Manipulate HY War | 





DOM Level 3 & Implementation #R- eA ct & 3k HTML5 DOM Level 3 9 
CSS3 oa él UH Implementation @, ut fh ek—eix fai Web Browsers 4 Support 
fea aA oT eI 
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4 Yat DOMs @ aera GB ARI DOMs Wz, fore Ao VOR Hl Texdl ot WI Ge 
@ fay Define far war é| sareet & fey SVG 1.0 4 MathML 1.0 @ siq4T DOM @| 
SVG Host Environment 4 Graphics Develop oe UY alert Standards aT Handle 
@xal &, staf MathML Mathematics & Wafer Functions, Formulas 3ife er Handle 
ora @| sal ave G SMIL @ fey Document 4 Multimedia Integration @ dafera 
DOM @1 Specify fear war 2 | 








Sqm Bela sey Languages 4 audi Ged G sya sua wa a DOM Develop 
feat &| sareer & faz Mozilla 4 XML a yarT wes XUL (XML User Interface 
Language) fae@fta fear @, ferret art Mozilla a Firefox Web Browsers @ Front 
End @! Develop owt @ fou fhar tar &| cla sa Language gd Wil dt HE six 
Languages &! W3C # Standard @ wu 4 Accept sel far @, fore stert—stert 
Companies + XML @ aieie Ue aus Specific wedi GT EI GM G fey Develop 
fora & | 








Browser Object Model (BOM) 


Web Browsers @ yeast feat 4 Standards d44 vec fait Web Browsers sa 
aie} Companies 4 344-3104 Web Browsers 4 UH Specific axe om! Browser 
Object Model grat 2, Gil Web Browser I Access ¢ Manipulate He oT 

eal a | BOM @ Wart Hed Web Developers atu Web Page ¥ 3104 Web Browser 
al Access 4 Ol Aaa Utd Hed | 


aie fafis1 Web Browser sal aici Companies 3104 Web Browsers of auHl 
SerR gai s, sufey gel vp var feen & cel fait Companies & Web 
Browsers # JavaScript Implementation @T @Ig Standard =e! 21 





yee sy @ BOM Web Browser Window ¢ Frames ® ae Deal @xal & cif 
ured: Browser Specific Extensions @! JavaScript 4 Develop fear ura & oft fe 
BOM @ vm feel HI aes GH Gea &| GS Extensions Mena 8, GT aT wi 
Web Browsers 4 Common @ eieifh Baal stert—atert aI GB Implement fear war 
if 








1 al Window Popup #4 &! Capability 

2 Web Browser Window @! Move, Resize 4 Close #4 HI Capability 

3 navigator Object ul ff Web Browser U Wafer Detailed HTHaRt cat s| 

4 location Object sit ff Web Browser 4 Loaded Web Page #7! Detained GTHaRi 
ea eI 

5 screen Object # ff User ® Computer @ Screen Resolution #1 Detailed 
WIAER a ze | 

6 Cookies #1 Support +f vm Extension @ »a 4 Web Browser & BOM oT feeat 
Blt 8 | 


7 XMLHttpRequest ce Internet Explorer @t ActiveXObject + Web Browser ® 
BOM @I Capabilities or &t vm feem e| 


die BOM @ fey og Standard aél @, gufery ai Web Browsers 4 BOM @1 
Implementation Wt ave G Web Browser dal adel Company a Aifaat ax srenRa 
elat &| fe at at Web Browsers 4 window @ navigator Object urex eal & ofa 
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34 Objects #1 Properties ¢ Methods ot se™—sterT Web Browsers sul Stora 
Ta Ord =e! 


aeri—aer? Standards # uel JavaScript & 41 He Versions faft=4 Web Browsers 4 
Implement fee ay €| adam waa 4 aT wil Web Browsers JavaScript 2.0 
Version @f Support HX ve =| 


JavaScript & Version d¢7 @ Ue Bam Features Ua fe Keywords, Syntaxes, 
Features aife 41 Change eld @| JavaScript 2.0 aaa 4 ECMAScript 3.1 Proposal 
aI €t Implementation @ | 





af ECMAScript @1 5th Version #1 3 gar 8, al onfex et ara & fo o—oRI Web 
Browsers, ECMAScript @ 38 5th Version mI Support met cry, JavaScript HT vp 
ai Aa Version 7 are | 


Web Browsers 


die JavaScript, dda 4 BOM (Browser Object Model), Core ECMAScript ¢ DOM 
(Document Object Model) dil @1 Combination @, geufere JavaScript ot Was 
fay e4 ga ci of Best ate G wager erm six chao sat vect WH oer & fe sa 
yee 4 Web Browser él €4RT Host Environment @, safery Web Browser oT atest 
ae G wast fear eH JavaScript HT saat Wl aed G ues sourt ¥ sel of Wad | 





Web Browser UH Val AeTA ela & Ul fet Web Application a Web Document oT 
Download xc &, Render meal @ d Execute meal &| Web Browsers aI We @ ed 
| Ueel WHR & Web Browsers Hac Text Browser eld &€ il Hac Text Content oT 
@ Render met @| lynx vo vat € Web Browser & wi fe http://lynx.isc.org/ 
Website UX Free Available & | 


wate Gat WHR G Web Browsers Text @ steal fatter vor & Multimedia oa fe 
Sound, Audio, Video, Images, Animations amf@ #1 1 Render md # ward eld €1 
Google Chrome, Mozilla Firefox, Apple Safri, Internet Explorer, Opera aft waa 
varat Use 84 dei sa Group & Modern Web Browsers & Examples @ | 


Engines 

die va Web Browser fafi=t yar a Resources wife HTML Document, CSS 
Stylesheets, Multimedia Plugins, 31fe af ame 4 aaked alm 8 Organize weap 
User & U4 Present eed &, sufery ga faft1 var & Resources oI Process 4 
@ fe va Web Browser 4 fafa=1 war Resource Processors eld #, fore 
Engines &eI ict @| 





a Engines €t fee CSS Style af fii HTML Element ue Apply xd & sera feel 
Element W Click @1 UX Trigger el atel Event mf Response od 8! al a 
Engines 1 Internally faft=1 yar a HTML, CSS, JavaScript, XML sif& Codes af 
Process Xd @ 3X BAR GAA YH Well Organized Web Page Render xd ¢| 
Engines #1 @riutiel ml sh Ve Car & Varext ERI dea’ Wis W Was Wad =! 
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fora ver 8 feel Car a Body eat dev Grat Ara etal & sik Ga Car HT Body @ 
Good Looking 8 oT Hated J ae erat fe ae Car ada F Efficient J Powerful @ 
afem Sa Car 4 ul Engine ela 8, dé Engine # 3a Car #7 Efficiency ¢ Power aa 
OA e | 








dim set var 4 als Web Browser fecal ateat feears @ vet & 3127aT Web Browser 
at User Interface fect ster @, Sa at GY FA Web Browser @ Inner Working J 
Power @I Udt del oi Wad, dfeam Web Browser oT! Efficiency ¢ Power Wl ave W 
wad Use fey my Engines ue fx oe &, of fe fad 1 Web Page @ fats 
Resources (HTML, XML, CSS, JavaScript Codes) @f Process @¥h Render HA FTI 
OM axed €| 











foi? Web Page oT Wl ave W Process ex Web Browser 4 Wl ave GW Load et 
al Ufa mY Web Page #1 Render éHI Hed =| 


foi af Web Browser 4 Hot BI UT SA al WHR & Engines ed &: 

1 Rendering Engine - 34 Ward: Layout Engine * med € UT fe HTML a 
CSS Codes @If Process @Yh UH Page mI Screen WwW aakead ap 
Organize @x@ Visible a Show @xal @| 

2 JavaScript Engine - & Engine, JavaScript Codes @I WastHe Process 7 
Execute xa 2, fortar Effect Web Page ¢ Web Browser ® Chrome ww 
Reflect Hear | 


Web Browser @ de feeat fora User Interact @xat @, Web Browser #1 Chrome 
mecca &| feet Web Browser &I Menubar, Bookmark Toolbar, Web Browser @T 
Frame, Web Browser 1 Title Bar, Standard Toolbar 31f€ Web Browser @ Chrome 
ar feea eld €| 





Web Browsers & & Engines, User Inter &@ Wt axe GY Aa eld | AA og A User 
Interface Element ufife Menubar, Standard Toolbar a Navigation Bar $4 Engines 
@ Directly Connected =e} erat | 


fafi| werk & Rendering @ JavaScript Engines of acest YoR a 
Companies, Organizations a Individuals 4 Develop far é sik Gels St 3 aa far 
& fh alg Web Page Sam Web Browser 4 fea vor a fer om) safer ufe ea 
Uh &! Web Page Ue fe http:/www.google.com & Home Page @! aerI—sierT Web 
Browsers 4 Open @¥, dl Wat Home Page #1 3ter1—3terT Web Browsers 4 Exactly 
wart feearg vel ear | 








fe Web Browsers & Engines, Web Browser & User Interface 4 Wl ave G aeT 
ved @ gufee Technically vat waa @ fe vp et} Rendering a JavaScript Engine 
@l Use od gv al fdeaet set Web Browsers a! Software (Host Environment) 
Create fou ot wad & oh fh ww GR U facna fet feerg ec ef wrath fai Web 
Browsers @ User Interface @I @4 JavaScript Engines @ Container #! ave Wasi 
Wad & | 
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um JavaScript Engine fei? Web Browser 4 dl uel ave @ Exist etc @, fora ave 
G fot Car 4 Seer Engine Exist erat @ 3% Web Browser @T User Interface Sa 
JavaScript Engine ® Skin a Body #1 axe eta @ aie fore cee GY VAM YOR OT 
Engine Use &xd 8Y SemI—sierT WHR GT Body GI Car aay ol Gad! &, wel ae a 
WAM WHR # JavaScript ¢ Rendering Engine Use @ed By, AIA YOR G 
Web Browser User Interface S4IU UT Wad € | 











ada Waa 4 ged warear wuarr 4 fey ure aret fafi Web Browsers & Rendering 
Engines of 84 FT UR SAAR WAS Wed &: 





Rendering Engine Web Browser 


Trident Microsoft Internet Explorer 
Gecko Mozilla Firefox 

Presto Opera browser 

Webkit Apple Safari (including iPhone), 


Google Chrome, 
Nokia (for mobile devices) 


set wee OU adam waa 4 gga warear suart 4 fey ur ariel faft=1 Web Browsers ® 
JavaScript Engines of 24 ff=1 UR aqEe Gas Wad &: 


JavaScript Engine Web Browser 

Jscript Microsoft Internet Explorer 

SpiderMonkey Mozilla Firefox (up to and including version 3.5) 
TraceMonkey Mozilla Firefox (version 3.6) 

JavaScriptCore Apple Safari (up to and including version 3.2) 
Nitro Apple Safari (version 4) 

V8 Google Chrome 

Futhark Opera 





Of SITET URUT ERT SA VAs! Wad & fo vH el Web Browser 4 e4 Rendering 
Engine 4 JavaScript Engines & 3tefI—sierT Combinations &I Use mY Und & | 


Sale & fay Mozilla Firefox 4 3144 Firefox 3.5 Version am SpiderMonkey =H 
JavaScript Engine @f Use far @ usfh az @ Versions 4 TraceMonkey aH ® 
Version of Use &eal Bes Hy fear o| 


fafi=1 JavaScript Engine Develop 4 aici Developers &1 Ha Vers ael & fh 
Baal Engine wat 8 wreat du aft GP JavaScript Codes oT Process x, aft Web 
Browsers Based Web Applications, “il ff JavaScript ux fre ef, seit Speed G Run 
Bl Uh, fora Speed GY Compiler Based Executables Run eld @| safe wg Aaa F 
Web Browser UH UHR GY AA Operating System FA UT We | 





BU veel fe et art ad, Web Browser oH) GVH Hl AW atest deay Wi AW VAs 
saat vem, aif Web Browser @ Request ¢ Response Message 8 Waftld Hy 
WHR & Web Browser Related Objects eid @, fore JavaScript gRT Access 7 
Manipulate et Hl Ed Tedl e | 
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Web Page — Request and Response 

HTTP dé Protocol 4 Software Piece #, il Web Browser & Addressbar 4 Specify 
ff GTA diel Web Address @ Resource &I Web Browser 4 Load @4 GI GA Hal 
| 


art Web Server ¢ Web Browser ® dia wil Data Transfer erat &, St Handle He 
@I mld HTTP (Hyper Text Transfer Protocol) @xal €| $4 Protocol @ sid Web 
Browser Uo Client gic &, ul fet Web Resource @ fey Request Heat @ wath 
Web Host dé Server éidi @, oil Web Browser & ai aiefl Request GI WI Gd EV 
we Baa Required Web Resource Available Heart @ | 


Web wW vuerer fax A File (HTML, XML, CSS, JavaScript, Image, Sound, Video 
etc...) GT Web Resource @eI Uc @| 


wa Web Browser # Address Bar 4 @Ig URL (Uniform Resource Locator) ut fh 
http:/Awww.bccfalna.com Specify fat urat é ar fexii Web Page U8 Specified fart 
Hyperlink @I Click far urat @, dl Web Browser UH Request Message Create 
ah SA Web Server W At sa &| form gacl ¥ Web Server Ba Resource FI 
Web WW Search meal & ilk YH Response Message # We dé Resource Web 
Browser @! Available earl €| 34 WHR FY Client d Server & sta HTTP & FAA 
@ Resources #1 Transfer etal Year @ | 





HTTP Request Message 


ua Web Browser feet URL & fey alg Request Hed &, al Request > wy 4 UH 
Plain Text HTTP Request Message Create elcT &, ford Web Server Ux Send fear 
ula! &| Sa Request Message # GA Resource @ Information etl @, FSR} Web 
Server G Ud SG Current Web Browser 4 Load fear Git ela @| 


Carexst h fea ufe e4 Web Browser ® Address Bar 4 http://wwww.google.com 
Type xd Enter Key Press @xd &, cl Web Browser frye HTTP Request 
Message Create @xa @: 


GET / HTTP/1.1 

Host: www.google.com 

User-Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0 
Accept: text/html,application/xhtml+xml,application/xml; 

Accept-Language: en-gb,en; 

Accept-Encoding: gzip,deflate 

Accept-Charset: ISO-8859-1 ,utf-8; 

Keep-Alive: 300 

Connection: keep-alive 

Cookie: PREF=ID=980395a1 0a8f6655:U=c31bdc3844339937.... 


3a Request # 8X Line GI Code tH WHR HI Header Message @ ilk ex Line Web 
Server @T Request fey 7¢ Resource U Walla ffs THR OF Get Maa ear 
@| afer, sq Request Message @I ast VASA Sl Hire Hd =F 
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3a Header ut Request Message 4 Uae vect de Action a Method Define ela @, 
forqar var Hd EY Request Message I Web Server UX Send fear GMT | 


HTTP 4 84 Ya wy UB 8 YHR & Actions a Methods # vuart 4 ct By Web 
Server & fit Resource # Request OX Wod €| cafes Bari: wa eA Web 
Browser gixt fit Resource @! Request med €, dd dé Request GET ut POST 
Method grt om unt &) fee + fefie1 var @ Request Methods @I Details 


PATER &: 











GET Method 

fox at Webpage @ eer al feet eld &, fore Head Part ¢ Body Part @ 44 U 
Ula oat &€| Head Part 4 e4z Meta Information ed &, ul f& Basically Search 
Engines ¢ Web Browser ® Chrome © Wafeid ec &, oa Body Part 4 Web Page 
@ Actual Contents @iq €| 





Za Method #F Use #4 UW Specified URL wx Rei Page @ Content ot HTML 
Format Body Return él @| 


POST Method 


ga Method @ Wart Gard: HTML Form 4 fear ura &, forah fet Data at faye S 
Process eH @ fete Web Server UX Aor ela FI 


HEAD Method 


2% Method GET Method @ 4M él GA ara &| ai 4 Yo BR Hac sca & fh 
GET Method Use #4 UX Requested HTML Page #1 Body #1 Return eit 8, orafe 
HEAD Method Use #4 UX Requested HTML Page #1 @dct Head Part €! Return 
ela &, for4 Web Browser & Wafer Metadata Information edi @ | 








3a Method o Wart BH ad wed &, Va BAH Hact Response WA sm Tet 
Metadata I & Ud Heal ela & BMa Sa Wa HI Ua aa ela & fh Specified 
URL Actually Exist @ a =eét | 





PUT Method 

3a Method mI Use Hem 4 fet Web Server ux Red fet Resource GI Update 
OX God &| J Maria: POST Method @ VAM GH Oral z& cfs J gaa set Rafa 
H Server @ fet Resource @! Modify mY Una &@ vale Server Sa ga wT 
Permission @at &T | 





DELETE Method 


ga Method a Use mea 84 feel Web Server ux Rea fet Resource aI Delete 
OY Und &, cha A Haat oe Rafa 4 Server H fHeit Resource HI Delete HX UaHal 
&, wiaf& Server Sa did HI Permission eat #1 | 
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TRACE Method 

% Method, Web Server UX Sender @RI 3 aieil Request at fhe GY set Sender a 
For cat @| SA Method GH WaT Hh FA SA Fa HI Val com ad € fo Request H 
akm wr-Hm G Servers, Services aife Client ¢ Server ® da gat Tel 
Connection @ Chain 4 Involve & xe | 





OPTIONS Method 


ga Method ef Use om 84 fhe Particular URL uX Available faft=1 Actions a 
Methods @& Udi cil Wad z, fo Ge URL Support Heat &| Bfe eA URL HI YH 
Wildcard Character (* ) @I axe Specify med @, al Web Server 4 Ga Resource WW 
ali Bl WHat arel wil Actions (Methods) @ List Response @ wo 4 Return 
Prd & | 








aq ufe eH SAR Ula Baler d Request Message oI Yeci Line wl ee, ot fh 


PAAR 2: 
GET / HTTP/1.1 


a 84 Was! Und & fh A Line Web Server HI Sa Fd HT Information ea fe Web 
Browser #I Request fh oA ariel Page & HTML Markup aril Body Part aifev | 
wa Line # fey e4 arent “/” Character SH Sit HT Specify me ver & fh Web 
Browser &! Specified Domain @ Root Page a Home Page &! urd @ dik gu 
GERNd GS HTTP/1.1 Bit HTTP Protocol @ 1.1 Version @ Rules #I Use @xd gv 
WI GAT S| 


Host: www.google.com 


Request Message @! % Line Web Server &I gata @ ff Web Browser fort Host @ 
Resource au Home Page #! Request x Yel &, dé Host www.google.com # | 


User-Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0 


Request Message I 4 Line S& Web Browser @! Information ¢ vel &, fore 
Request Perform #t 7g @| Ward: User-Agent Header 4 Current Web Browser @1I 
Information 8 & | 


% Header Line 3a ad ow Specify me vet & fe Perform ze aici} Request 
Mozilla/5.0 Web Browser @ Perform a! 7% 2, ul ff Windows NT 6.2 Operating 
System uml Windows-8 Ux Installed @, oafh WOW64 3a aid a Specify Hx ver @ 
f& Installed Windows Operating System 64bit oT 2 | 
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Web Browser # Operating System @I Information @ st@ Gecko/20100101 34 ad 
al Specify x vet @ fe Current Web Browser Gecko Based Web Browser 2, forte 
ar Firefox @ 3if€ Version 19.0 | 


Accept: text/html,application/xhtml+xml,application/xml; 


Request Message #1 4 Header Line su ald a Specify Hx vet & fe Current Web 
Browser feu-foa wor & Document #f Support meal @| aml Current Web 
Browser fe File Types ur MIME Types (Multipurpose Internet Mail Extensions) ot 
aR Gast Ura Format 4 Convert Hx Render GX WHat | 


walat Header 8 aid ol Specify me vet & fe Current Web Browser HTML, 


XHTML @ XML Types @ Documents #! gu dave UY Render Het 4 way z, fora ave 
G ge e4 aril Human Beings oT Wael H sia ze | 


Accept-Language: en-gb,en; 





2% Header Line Web Server GI Sa Sit HI GAHNI cat & fe Current Web Browser 
faq Locale ¢ Languages @ fee Currently Configured @| 4 Line 38 aa a 
Specify mx vet @ f& Current Web Browser English Language ¢ UK Locale @ fey 
Configured & @ife “gb” UK Locale 1 Represent xa @ | 


waft Backup & fee act “en” Specified @, uit ff ga sa a Information @ fe feat 
feel Geographical Locale #1 Ref 4 Default »7 & Y Web Browser English 
Language #! Support eat @| Web Server $& Information a sa Rea 4 Ignore 
@X cal &, Wa Web Browser gt Requested Page dct Ym €! Language Version 4 
Available @ | 


Accept-Encoding: gzip,deflate 





2% Header Web Server @I 38 dd HI oH ¢ Yer & fe Current Web Browser fou 
yaR & Encoding @ Content #1 Accept &¥ Yet @| Ufe Web Browser git Specified 
Encoding Type &1 Web Server Support 4 eat eI, dl Web Server tad Standard 
Encoding Use @¥ cial &| cfs uf Web Server, Web Browser Accepted Encoding 
ml Wasi & al de Response Content mf sel Format 4 Compress mem Send 
@xal &, af Response Content HI Size HA ef Ue J Content varar dull YW Web 
Server dh Usd Ua | 


wurlad Header 4 gzip ¢ deflate Compression Format &t Current Web Browser 
Support meat @| ferrar Adee J & fo afe Web Server s4 Compression Formats 
@l Support Hxcl &, aT dé Requested Resource uml HTML, CSS, JavaScript 3ife 
Files @f s44 G fox Format 4 Compress #xa Web Browser HI Send & Waa z, 
fora} Documents @ Web Browser 4 Download @ @! Speed Hel dot et oil e| 





Accept-Charset: ISO-8859-1 ,utf-8; 
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% Header Message Web Server @ Sf Gd GY GAH eat @ fe Current Web 
Browser ISO-8859-1 @ utf-8 Character Sets #1 Encoding I Accept oxal &, ford 
aay gfrat fo fret vt ast & stat a Symbols @ fey Specific Code warled | 
urit Web Browser gai at feet af art & sexi q Symbols I Web Browser 4 
Render ot 4 ara | 


Keep-Alive: 300 





2%} Header Message Web Server I $4 ad GI OAR! cat & ff Web Browser 4 
Web Server @ da Data Transfer @ fere GT Connection a4, dé Connection 300 
Seconds aril 5 Minutes a@ Available ve | URoTARaHT ufe 300 Seconds # srafer 
4 Current Web Browser ¥ fx G uel Web Server ux @Ig Request Send #1 undi z, 
a Web Server ux fx 4 Aa Connection Open ee GH cera Fel we | cifha ale 
Request 300 Seconds @ aq mH! urd @, al Client ¢ Server @ dra a Connection 
Lost #! ure sik Web Browser o Server ® dla fhe GY YH Aa Connection Open 
BrTT | 





Connection: keep-alive 


% Connection Header Information 34 Sat HT Specify Heat & fe Client d Server ® 
gra fea ver mT Connection s4T| Gari: HTTP/1.1 Protocol ue keep-alive 
Waa Common By WY Use eH ae Connection Type eat =| 


Cookie: PREF=ID=980395a1 0a8f6655:U=c31bdc3844339937.... 


HTTP Cookie Client Computer 4% Locally Store &M diel Text Based Data eid é, 
fore. Wart UArad: Web Server at feet Client Computer #1 Uniquely Identify 
HT aT Session Create HA @ few fear sat 1 Cookies HT WArad: Sa Web 
Site @RT Client Computer UX Place frat ura &, feraHt Request Web Browser xc 
&, aif Web Site au4 8% Viewer HI Personalized Information ¢ We | 


fe HTTP ve Connectionless Protocol 8, url Client gk vw ae Request oH 
3X Server gRT BA Request H WI we fey vi G ae Client ¢ Server aai vH que 
UW ave G stores ze urd &, sufery ve Rea 4 Cookies GI war Hed SA aa BT 
OMe GI Maintain fear tat & fe fee Client 4 Web Server ux fe Resource oT 
Request GI @| al ve ae va Request Wi ef ul # ae Cookies é Client 4 
Server @ dla wh Ger ot fhe S Identify eet or HRaA eld =| 








HTTP Response Message 

ud wH ax fot Web Browser & fexii Resource @ Request oH ond! @ al ve 
Request aI wI ae & fey fasel Session 4 Discuss fey sya YH HTTP Request 
Message saat @ forad fafis| yar a Header Information el €1| Y Request 





33 
Any Question or Suggestion, Click Here to Discuss 


ADVANCE JAVASCRIPT IN HINDI 


Message &! Web Server Ux gad! &, ford Web Server Receive Hxh guh Data af 
Process @xdl & 3k daci ¥ YH HTTP Response Message Create Hal @| 





ae 84 SWiad Garext ol et art ge, a Request @ daci ¥ Create eM ae 
Response Message PATGUIR 8 Wha &: 


HTTP/1.x 200 OK 

Cache-Control: private, max-age=0 
Date: Fri, 29 Mar 2013 12:42:14 GMT 
Expires: -1 

Content-Type: text/html; charset=UTF-8 
Content-Encoding: gzip 

Server: gws 

Content-Length: 2520 


<html><head> 
... rest of HTML for Google’s home page ... 
</body></html> 


afer, fort axe UY sAq Request Message @ fafi=t Headers HT One by One Ast, 
Beil axe GY FA FA Response Message & +1 wi Headers HI One by One BASHA aI 
aire ard = | 


HTTP/1.x 200 OK 


Response Message #I & Useil Header Request 4 dict Web Browser &) Sa Sid 
ol ven ea & fe Request HT aI oe & fey fea HTTP Protocol of YarT gait 
S| 


Version @ Information @ s@ YH Short Description Information Web Browser oT 
Return ela @, ul ff Web Browser @! 38 Sic GH UMN cat & fo saat Request 
@! Processing &1 ar URUTA Xe | 





sured Header # & Status Code 200 4 Description OK @, Gi Sa ad BT Indicate 
@X Yel &, fe Web Browser gRI Perform Ht 7s Request Wel ata B Process ze! 73 
& 3ilX Web Server * Request fart Tat Resource Return Hy fear e| 





Web Server ghRI 3atem—stermt «URRafaat A stems? «oR ® Status Code 7 
Description Return éld @, form ak 4 e4 art Detail GY oT | 


Cache-Control: private, max-age=0 


ex Web Browser 4 Ya Local File Cache €lcI &, uit Recently Requested Files # 
Store Hh Waal &, ah ufe fhe F vedi Files HY Request ze, dl Web Browser 34 
Files YT fe WY Download 4 HH st Cache U el Ge wr Hx a, alfe Request 
areal dol GY Perform et uly sik Response vareat ofl S wed eV oT] 





Cache-Control Header Web Browser &! Currently Requested Resource @ Wafeic 
#@& Parameters eal 8, oil Web Browser oY 38 did GI OMG cat & fe Web 
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Browser foa4 Gaya am Web Server UY 3H art Resources HI Cache Hm wT 
Har z | 


Bak salextt ¥ Cache-Control Header @ wel “private” Specified &, Ul Web 
Browser & fav sa ad HT Indication @ fe Current Resources aa Current User & 
fez € & sik afe Current User fet LAN ur Local Area Network UX &, dT LAN a 
wucetel ay Users & fee ge Resource Available 4él er | 


uRuratded ufe LAN W GHA He diel seq Users vet Web Page #I Open ot, aT 
wah fery ee Resource fhe G Download ert silk Saw fey stort BY Cache ert, fhe 
Het St Wl Users GHM Web Browser Program #I #! Share il 4 He ve BT | 





wat sl “max-age” Property Web Browser @I 38 did G olAHrl eat & fe Web 
Browser fd Seconds d@ Requested Page GI Cache am we UHdl el SAR 
Sarexyy FH “max-age” HI HH O &, UT Sa aa OT Indication @ fo Web Browser 
Google & Homepage #I 0 Seconds @ fay él Cache mem a Gar wel 4 He a 
Cache =él @e1T | 








afte ea feel Web Page &! Web Browser 4 Cache @xdiHl Ae! aed, al g4 Cache- 
Control Header 4 Value & Su 4 “no-cache” HM Specify om Va GY Wad s| 


Date: Fri, 29 Mar 2013 12:42:14 GMT 


Response Message ® 38 Header 4 Ga Wa @ Information etl 8, wa HTTP 
Response Message, Web Server & Sent fear war ela e| 


Expires: -1 


2% Header Web Browser @! 34 dict GI Information eat @ fe Requested Page fra 
Date-Time UX Old ef uu sik afe fhe GY Sa Page a! Load fear wren, a de 
Web Browser @ Cache @ Load 4 etmx fox BY Download eri! url Requested 
Web Page #4 Expire f OIW, Sa Td HI GIMP sa Header 4 edt @1 








Current Header 4 e4 -1 fees ¢ ver & OT Sa aa GF Indication & fe Requested 
Page Use G St Gl Ge et Gor & sik ate aR ule gH Page oT Request frat 
uv, al Web Browser 34 Page I Cache § Load #4 & Fuld Web Server U 
Page &) UH 4g Copy Download mT | 





Content-Type: text/html; charset=UTF-8 
% Header Requested Document & MIME Type @! Represent @xal @, Gil Current 


Example 4 su aid a! Specify ee vet & fe Currently Requested Page V@ Plain 
Text HTML Page € uf ft tH UTF-8 Character Set Supported Page @| 


Content-Encoding: gzip 
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% Header Web Browser @! & aia Specify mx vet @ fe Web Server 4 Return #4 
aret Document gzip Format 4 Compressed &, fort Web Browser Extract @xb 
Render ®11 | 


Web Server out Refar 4 fed Resource mI Compress @xat &, orafe Web Browser 
sa Compression Mode @! Accept #xdl &| df Request Message 4 e44 car oT 
ff Web Browser gzip @ deflate Compression Mode &! Support @xal &@, safer 
Web Server * Requested Document gzip Format 4 Return fear | 


ufe Request Message 4 Accept-Encoding Header 4 Specified Compression Mode 
al Web Server Support 4él @xal, al Web Server Return &MM aici Resource @I 
Compress xm Send ei Hat gfe Normal Content #1 axe # Send oar, forrs 
Web Page at Resource & Web Browser 4 Load & &t Speed He eit et une | 


Server: gws 





% Header Web Browser @ 3a Sat GY olawRt & ver & fH Return eM ae 
Resource fet Web Server 4 Return & Yel 8] Saat Saree F A gws z oil fh 
Google #1 <a @I Web Server @| 


Content-Length: 2520 
a Header Return #4 are? Resource #1 Length a Size oT Bytes @ wo # Return 


oral &| ust J Header Web Brower HI SU Fa HI VAN car & fe Web Server G 
3d aret Resource @I Size fear &| 





34 Ut Response Headers @ aie at F¥ Requested Resource 1 Actual Content 
ela 8, it f& Current Example 4 va HTML Document @| uf Requested Resource 
alg Image File elcl, cl Jet We Text Representation #@ 9 4 dé Image Download 
eT YS ela, wit Download el & ae Current Web Browser ¢ Operating System 
ZT Image Format #4 Convert efx Web Browser 4 Display ela @| 


ag SG Was Wad & fe wa arg Web Browser # Address Bar # Ig URL Specify 
@xXh Keyboard ux Enter Key Press mx & al Web Page uy fess et aiet fhe 
Hyperlink &T Click @ed 8, da BwladqaR ali Request Response Messages 4 
feat art Header Information Send @ Receive ect & 3k sel Header Information 
® arene Ux Web Browser d Web Server @ ia Information @1 Transfer Bia &| 





HTTP Status Codes 


wt HTTP Status Codes 3-Digit Numbers eld @, ul feet Request > Jaci 4 Web 
Server gk fet TZ Response @! Represent Hed € sik Sa aa BI Indicate Hed e 
fe Request Wel até SG Fulfill gs a Client Rt fet aI Action H Gerd 8, ah 
Requested Data oI wuyad ate 8 Successfully Locate fear ul Uh| Yet eH Ge 
Common Status Codes @ 3g H Discuss mY ve &, “ale HTTP & wt Status 
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Codes #1 GIM@RI htto://en.wikipedia.org/wiki/List_of_HTTP_status_codes W Wd 
ax UH | 


200+ (Success) 
200 4 299 & dra & ul Status Codes §u Sid FT Indicate Hrd & fe Web Server 
gt Request Message #! dim 4 Receive Hm Process Hx feat Tar & aw Web 


Browser oI fox! WHR GT Content Return oy fear qa é| St Range 4 Wary wy 
G saat ¥ a aret Status Codes &T Description FAM &: 


200 OK 
3 Status Code 38 ad HI Represent xc & fe Request Successful Yel cei 
Response Message 4 Requested Data Exist @| 


201 Created 
% Status Code $8 ga HI Represent Hat & f& POST ut PUT Method @ 
agar Server 4X Fal Resource Create é! Wat s | 


204 No Content 
4% Status Code Su sd GI Represent Hal @ fe Request Successful vel cif 
Requested URL 4% Response Message # Return ot @ fay aly Data Exist 
el 8 | 


206 Partial Content 
4% Status Code Su sd GI Represent xa @ fe Request Successful vel cif 
Requested Data “areT 8 H GR sear Network Failure a User Cancellation 
@ @RT Content Web Browser 4 Wt ave BY Download ael ef Wer silk WI Data 
urd med & fey Web Browser oY fhe GY Request HAT et seat Download aT 
Resume i er | 


300+ (Redirection) 

300 4 399 & dia ® Ul Status Codes $8 aa I Indicate Hed & fe Web Server 
art Request Message @! dim 8 wl oe & fay Client a ve Extra Step CAT PT 
q foal ae URL W Redirect et ert sae GIy Content Return wel er] Fa 
Range 4 ari wy & salt 4 3 aret Status Codes @ Description FATA &: 


301 Moved Permanently 
3 Status Code 38 did a Represent meat @ fe Requested URL fed sez 
Location 4 Permanently Move ox fear war | art Requested Resource 
Current URL UX Available aéi & sfem fered a7 URL Location ue wuael | 


302 Found 
3 Status Code 38 sid Represent meat @ fe Requested URL fH sez 
Location 4% Temporarily Move ox fear war @1 url Requested Resource 
Current URL t Currently Available del @ cif afaer 4 fee G sa URL Ww ae 
Resource Available 81 WHat 2 | 
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304 Not Modified 
3 Status Code $8 Sid HI Represent Heat @ fe Requested URL @I veel +f 
Request fear war @ sik da G sq aH vas foe axe HI GIs Modification aet 
fear tar é| seafere Client @Y Web Browser @ Cache 4 Stored Resource @f 
Locally 4 @at aifex | 





400+ (Client Error) 

400 4 499 & da & wil Status Codes gu ac of Indicate xd = fe Web Browser 
art Aol We Request Message 4 fest axe a Error eft safery Web Server 
Requested Resource #! Return del He WaT! Y Codes se Sic HI Indicate Ha & 
fe aifeea Response Ud 4 el Us aT Fault Client Side 4 € 4 fh Server Side 4| sa 
Range 4 ar wy & salt 4 se aret Status Codes # Description FATA &: 


400 Bad Request 
a Status Code Sa dat oT Represent Hdl & fh Request Message vaya 
Format 4 4 et ot due & Web Server od dip GS Gas él Ael TAT | 


401 Unauthorized 
% Status Code 3a did HI Represent Heat & fe Request Message @ eet Web 
Server oI! Suyat Username 4d Password “i arféy, aife Requested Content 
ve Restricted Content @ | 


403 Forbidden 
y Status Code su sd I Represent meat & fe Web Server 4 Client a 
Request @I Refuse ox fear &| ta aa Bl UeHal &, ws Web Server Ww va IP 
Address @! Block a Blacklisted @y fear war zi, feRt Uy Installed Web Browser 
@ Request Perform far war @| 


404 Not Found 
3 Status Code §8 ad I Represent meat @ fe Requested URL Current 
Location Wx Available =éi &, afta afar 4 sa Location UW wy Content eT 
UHal &, safaz Web Browser fazer 4 fee Y sa URL HI Request HY Whar | 


405 Method Not Allowed 
2% Status Code 38 dd HI Represent Hal & fe Request Message fort ave oT 
Interaction Current URL @ et Hal areal &, SA WHR HT Interaction Specified 
URL wW Allowed =él @| Y Code aa Generate &! Wal %, Wa User Google ® 
Homepage #1 DELETE Method gh! Delete et aT Hirer we | 





410 Gone 
4% Status Code “404 Not Found’ Status Code @! axe é] GHA Gra &| sae Hai 
saat & fo & Status Code $4 ad HY) Represent Hal @ fh Specified URL oT 
fox S Try sel wear afer | 








uUrAraid: Y Status Code, Search Engine Spider ® fay suai ett &, aalfe afe 
Search Engine Spiders I % Status Code wr eld &, al Search Engine Spiders 
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Specified URL @T 3104 Index GW sda @ fee Remove ox wad &, ae ¢ fee F 
3a URL W 4 ae | 


413 Request Entity Too Large 
% Status Code sa dd w! Represent wat € fe Request Message scl dst @ 
fo Web Server 34 Process Hel HY UHdt| FY Status Code add Return el WHat 
8, Wa mg HTML Form aut Limit @ wareT Data Web Server ux Process 8 & 
fey Submit He eat z | 


414 Request URL Too Long 
4% Status Code $4 sd I Represent xa @ fe Request Message 4 Specified 
URL Acceptable Size § varal gst 2 | 


500+ (Server Error) 

500 4 599 @ da w wil Status Codes Sa Sct HT Indicate Hed € fe Web Browser 
al Ho war Request Message Wl axe G ctp at cifha Server a feel BART H 
@r Request Wl sei Bt Wall Y Codes sa sa * Indicate wed & fh aifed 
Response IST 4 el UM aT Fault Server Side # @ 4 f& Client Side 4| s4 Range 4 
UAary wT S srt F art aret Status Codes @ Description FAA z: 


500 Internal Server Error 
3 Status Code UAeId: ds Return eal &, oa Server Side 4 Hg Script Run et 
Vel etc @ sik Ga Script 4 fot axe GT Error Trigger # oat | 


501 Not Implemented 
% Status Code Gara: ad Return erat &, Ga Server HTTP Method a dtp 
Gast Fel Ural Bt Support Ae! Pa | 


502 Bad Gateway 
2% Status Code Ward: Proxy Server gk dd Return ec &, va Client 4 
Server ® dia Data Transfer dim G sel et oer! foraar acer J & fo Web 
Server ut dl Request Message @! dim 4 Was ael Ue seat sa aa @ fey 
Sure +e ela fe Web Server gt Return €M diel Response Data Web Client 


dhe Use Ur vel 
503 Service Unavailable 


4 Status Code UA: dd Return slat & Wa a al Web Server Overload et 
wal & a fx Scheduled Maintenance Period 4 ei @| 








504 Gateway Timeout 
2% Status Code Ward: dd Return etal @, od Web Client d Web Server & da 
Rert Proxy Server, Client ¢ Destination ®& dra Messages a! dim ave @ 
Forward =e! &¥ Ul Yer ela e| 


Status Codes ¢ Request/Response @ uxieia Gua Discussion 4 say AW 
Concepts e4t fey aa suarfl etd €, wa eH AJAX Technology af Use aed € silk 
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AJAX adh Baa 4 vp ged st ouarfl dale zs, forwear yar axa B4 Powerful 
Dynamic Websites ¢ Web Applications Create &% Wad & | 


Development Environment Setup 

arg og at 4g Programming Language Yi aed zi, Wrest or Wat dea WaT 
wel & fo a Language U wafeia Basics ¢ Fundamentals o) wic—sie Programs 
aad gv ret ay sik Program samt & fey ef shen feet + fet Text Editor a 
IDE @I cree ate 3 | 











JavaScript 4} te Yar GY Programming Language U Weal sede Beal F He, al UH 
¥HR H! Client Side Scripting Language @, sufery gua Yeci fh eH sa Language 
ol wasi, e4 JavaScript Programs Tf Develop mt GY Ulead Basic Environment 
Setup GH Hl Gerd @, af gern 4 art aM act Program Codes @! Working ot 
aa GY GAA GT Ae | 





aq ait Programming, Scripting ¢ Markup Languages @) axe é! JavaScript 
Programs oY + s4 Ye Simple Text Editor 4 fers wad &, cfs df JavaScript vp 
Interpreter Based Programming Language @ 3if< JavaScript @T Interpreter Taread: 
Web Browser @ 3-ax €) In-Built elt 8, safer area: JavaScript eI Web Pages 
@l Interactive dam @ fee Use fear ura F| 





cRurRdeg JavaScript Codes 4 SI GY Web Pages @ fay et suai ed & six 
Web Pages Create ew & fory fora? ft IDE (Integrated Development Environment) 
qa 4 sue €, oa Bl H JavaScript Codes or feras & fay Use far ul Beat 
@1 o8 Adobe DreamWeaver, Microsoft Visual Studio, NetBeans, Eclipse 3ife | 





adie fot ai Program mt Develop @e1 4 Gy Steps Involved eld &, uit fe Source 
Codes fergai, Se Compile a Interpret meat, Bugs @ Identify meal, Se Debug 
@eal, Maintain eal, Test kA I Deploy HAT | SF VA GAT HI UH sf WIA W WI 
ort @ foe ufe alg Software aa feat oy, al Sa Software oT IDE (Integrated 
Development Environment) Hed @ | 





elctife IDE feet wf Program I Develop eH 4 Gol Haq Hed &, cia fhe Hh ale 
eA ols As Language Wren @ feet G ee, al IDE waa OA SG WA W FHWA 
ard e| 


uri ufe JavaScript sua fey faepa ag Language @, dl feel IDE ot Use a & 
wart Ww Simple Text Editor @r yart xd By JavaScript Codes fergar saa fey 
Vaal WIIeH YET sR Notepad++ feel a as Programming Language #7 Wr 
@ fay AxT Favorite Text Editor @, oaf& Client Side Web Technologies (HTML, CSS, 
JavaScript, etc...) IDE @ @u 4 4g! Eclipse smefa Aptana Studio Ta @ | 


a det veel Notepad++ Text Editor 1  http:/Wwww.notepad-plus-plus.org 
/download/ Website € Download #xm 3104 Computer 4 Install HIfsre| J Text 
Editor Free Available @| Install ox@ Open oe wy UY ge MATAR few ea & 
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File Edit Search View Encoding Language Settings Macro | Run | Plugins Window ? 
34 oi O\4HOH/2c/m%| 4) ak 
Brew 1 Launch in Firefox Ctrl+ Alte Shift+X 
Launch in IE Ctrl+ Alt+Shift+! 
Launch in Chrome Ctrl+ Alt Shift+R 
| Launch in Safari — CtrleAlt+Shift+F | 
Get php help Alt+F1 
Google Search Alt+F2 
Wikipedia Search Alt+F3 








Ctrl+ Alt+Shift+O. 


Modify Shortcut/Delete Command... 














Normal text file length :0 lines: 1 Ln:1 Col:1 Sel:0 Dos\Windows ANSI INS 
4 7 L v - Pee a= S2. UU 






qf HTML, CSS @ JavaScript “iT Scripting Languages, Web Browser 4 @I 
Interpret eld & aie gaat Server Side @ @Ig Direct Connection et Grex ael ela, 
sufery JavaScript Codes & Effects aI Was @ fey e4 FAR Local Computer uy 
fet Local Web Server @T Install HY G Gera ael &, sfem JavaScript Codes 
eden fet = feet HTML Web Page © Link at HTML Web Page 4 Embed eid 2, 
sufere oR dl 4 Web Page aw fhe} Web Browser 4 Open @xd #, JavaScript 
Interpret et cra &| 








ari JavaScript Programming drat @ fey e4 ft External Software HI orexd Fel 
&| BH Hdct YH Text Editor @Y oexd @ Wel 4 304 HTML, CSS g@ JavaScript 
Codes I fers UH FT vH Web Browser GH Wexd @, Wel F4 SAR JavaScript Codes 
@ Output Hl ea We | 





Notepad #1 Capabilities mt Extend ow & fay oF sat aut orexd & aa faft=t 
YR m Plug-ins HI a Install mX Wed &| fa Yor @ Plug-ins Install med @ fey 
@4 Notepad++ @ Plug-in Menu @ “Plugin Manager” Sub-Menu @ “Show Plugin 
Manager” Option #1 Click oT ela & 3k SAR aed PTAA YH Dialog Box 
Open iat @, for eF GA Plug-ins GI Select Hee Install Hx Wad &, fore eF SAR 
Notepad++ Text Editor 4 Include al aed & oath Install et m ae Ge Plugin 
al sua 4 cM @ fee @ fore At et se “Plug-in” Menu 4 & creat eat 2! 
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File Edit Search View Encoding Language Settings Macro Run | Plugins | Window ? Xx 
sS4HE8G8| 4/2 cl m@e| 2% |! Converter MOA BiIDeEy 
ew! NppExec » 
| NppExport 
NppFTP » 
~ Plugin Manager » | Show Plugin Manager ] 








Spell-Checker » About 





Plugin Manager 


Available | Updates | Installed 


Plugin Category Available Version Stability 
CD Columnsort Others 1.0.0.1 Good 
C1 compare Others 1.5.6 Good 
Others 3.3. Good 
Others 0.9.1. Good 
Others 2.2 Good 
Others 0.1 Good 
Others 1.0 Good 
Others 1.8.2. Good 
Others 1.0 Good 








Explorer plugin isa file browser. You can open whatever you want from itin Notepad++, just double dick! 
Author: Jens Lorenz 
Source: http: //sourceforge.net/projects/npp-plugins/files/ 


Settings Close 











Normal text file length: 0 lines: 1 Ln:1 Col:1 Sel:0 Dos\Windows ANSI INS 
f Y 522) eS pain CMZC DTU 





Buh aera ue sg my IDE Use Het aed &, a am Ax Favorite IDE Aptana 
Studio Use #t Wad &| Y Ve Advance IDE #, sufay st sual Wl aaa m ae 
Use oe & fay sgl GB Configuration OA HT wed US God! F| 





y vp var IDE & fet Use HH BW 3G Bua URI Code vo We w fers wad & 
ai SA Se Studio 4 Saerel Internal Web Browser 4 Run @xh VAT Output + sei 
Browser H Cg Wot #1 sa IDE @ 3 _http:/www.aptana.com/ 


products/studio3/download Website @€ Download oY wad & sik a A Wt ave a 
Free @| Install ¥ Open ee a a IDE Ge Marae fewig da & 





File Edit Navigate Search Project Run Commands Window Help 


rie Bam AD¢-O- #v- E *O+ 2 [fa Web 























mc) 
BE Outline £3 | @8 Samples BE 
‘An outline is not available. © Console | Problems Il Terminal £2 B@Blarco 
Kuldeep Chand@KULDEEP /e/SwithjQuery 
s 
| 
iter selected http://download.ap..pdate/contentjar | 


ga IDE of fasisat a @ fe sa IDE 4 & ve Local Web Server a Internal Web 
Browser +f @| ferret gore G eA EAR Program oI Test a Debug He & foe Text 
Editor 1 Web Browser & 4ta Switch ael HAT TST | 
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sua IDE of Use oe & fay uae veel eh fist faarqUR Option oT Click orp vH 
al Web Project Create ei eat &: 





File | Edit Source Navigate Search Project Run Commands Window Help 

























































(New AteShifteN > | (@ PHP Project Aa oq we 
New From Template > |B) Web Project 
@) Open URL... | @_ Ruby Project 
Open File... @® Rails Project 
Close cenew | CT Project. 
Close All Ctrl+Shift+W | Gj File 
Save cries |S | Folder 
| SeveAs.. [Untitled Text File 


Save All Ctrl+Shift+S | [4 Other... Ctrl+N 
Revert 


Rename... 

©) Refresh FS 
Convert Line Delimiters To » 

& Print... Ctrl+P 

Switch Workspace » 

Restart 

Import... 

Export... 


Properties Alt+ Enter 














| BL Problems| il Terminal eX %| & ee @ S--oo 


irefox - Internal Server [Web Browser] C:\Program Files (x86)\Google\Chrome\Application\chrome.exe 





1 jQuery.htm! [BwithiQuery] 
2 index.html [E:/BwithjQuery] 
3 bwithjq.html [Bwithjq] 


a | GE | Writable Smart Insert | Line: 9 Column: 12 Updating Software: (212) = S 





; ea ~ (fi 72 «) 1218PM 


wh Dialog Box Display iat @, Wel eH BAR Project mI MH Specify mw Next 
Button ux ae} af Finish Button W Click Heal Brot &| Ve Hed St YH ar Project 
Create &! ural 8, ford BF IDE @& Left Side 4 fewrg CA ael “Project Explorer” 
Tab 4 te wad @| fx fq fare 48 File Create Gea eat & 





2 Web = BwithiQuery/jQueryhtml-AptanaStudio3 ee s—“‘—i‘“—s—‘“‘“‘“‘“‘“‘i SO 
File Edit Navigate Search Project Run Commands Window Help 
ty EE@e@ 22%*-O- vy SUM i ers 3 [ewes | 






ay | 25 jQuery.htmi £3 |B Preview: jQuery.htmi | ic 


ESeo-etiy” 





1 <!DOCTYPE html> 
2° <html> 
<head> 




















y</title> 
>| FS Project. 
i) 
>| CS Folder first jQuery</ni> 


>| @_ PHP Project 
> |B) Rails Project 
@ Ruby Project 
BH Web Project 





Cj Other. Ctrl+N 























Bs 2S 
14 Export. 
J ©) Retresh FS 
= Outline ©: 
Lamncats Close Project 
es Close Unrelated Projects fonsole £3 | lt Problems| ll Terminal aX &/ & Ee # B-o-o4o 
eB ™ a nna > finated> Firefox - intemal Server [Web Browser] C:\Program Files (x86)\ Google\Chrome\Application\chrome.exe 
Bi [gal b Debug As 
Team > 
Compare With » 
Restore from Local History. 
PyDev > 
Properties Alt+Enter 
1 BwithiQuery a |. Updating Software: (21%) ms 





CS aan (Cnn Dn 3 


fea 4 fewary aque “New => File” U% Click med ef SA AAA YH Dialog Box sic @, 
fort e4 Sant File ot ar Ge fh “index.html” Specify Hea “Finish” Button ue 
Click @eaT ela @: 
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File 


Create a new file resource. 





Enter or select the parent folder: 
BwithJQuery 








i 
1S BwithiQuery 














File name: | index.html 








_ Advanced >> 





® [ae] [ee] 





SM WHR G SAR Project 4 vw ag File Add ef one & fort e4 PeTqER HTML, 
CSS a JavaScript Code fers wad &: 























File Edit Navigate Search Project Run Commands Window Help 
ore Piglms AD*¢-O-~ i f- i 4HBM i e-o- a 
fe s |S Project ExpIOF Siow Preview } || 8) jQuery.htmt 23 | [Previews jQuery:htmi 5 
1 <!DOCTYPE html> 
BH & Local Filesystem 20 ee 
= mnie 4 <title>jQuery</title> 
@ Connections : </nead> 
Tr <body> 
<hl>This is first jQuery</hi> 


3 
10 </htmi> 








BE Outline 23 | @8 Samples 


type filter text 























a | © Console % [Be Problems [am ermina 7 =x %/& Geel “4 S-rm-co 
oI - fare =] <terminated> Firefox - Internal Server [Web Browser] C:\Program Files (x86)\Google\Chrome\Application\chrome.exe 
B [ga] body 
42) jQuery.html - BwithJQuery a | © Updating Software: (22%) Los 





CS aaah hn P= 


3a Web Page #4 HTML, CSS, JavaScript Codes fers? @ seq GET Output Cat G 
fay eH one faa 4 fee agar IDE & Standard Toolbar 4 fey ay “Show 
Preview” Icon @I Click eT gla & 3k B4 Bare Page a Output fT frasER 
fears e4 oma @: 
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FS = 


File Edit Navigate Search Project Run Commands Window Help 

















r~ Spm AA*-~O- w- error 15 (fa Web 
E: App Explorer | tS Project Explfer £2 = C1 || $2) jQuery:htm! | Previews jQuery-html £3 Sls! 
AS er 1 gy & | http://127.0.0.1:8020/BwithIQuery/jQuery.htm! ve 
HS Local Filesystem | 
& & BwithiQuey 
2] jQuery.htmt es . 
@ Connect This is first jQuery 
Click here to show Preview of the code. And this is the Interpreted Output of the page. 


B= Outline 52 | @8 Samples eet 
An outline is not available. 





Fi Console £ | [8 Problems) Il Terminal % %| 
<terminated> Firefox - Internal Server [Web Browser] C:\Program Files (x26)\Google\Chrome\Application\chrome.exe 


eel “e-n--o 





& 


a |< Updating Software: (23%) aa 


~ | $f 72 @) 12:28PM 





gu IDE @ sora a mg sik IDEs &, foraar yarT Web Pages Create me & fay 
fear oT WHat 8] Satrexr & fee sq NetBeans + Use HY Wad &, oil fe Fa wT a 
Java Development & fete Oracle Company gl Provide far wat IDE @, cfm 24 
3st Web Development @ fere #1 Use GY Wad & ak J IDE A Het Powerful a 
Free Available € | 





wae 31g Adobe DreamWeaver a Microsoft Visual Studio IDE a ff Wart Web 
Development & fey ox wad &, cfea J IDE Free sel & afew Hot Het e| 


eleifh su Notepad++ a Aptana Studio I Wart mh Web Pages Create x 
uad &, fora4 JavaScript Codes forsee Saar Effect Was! Wad &, cfm fx aT 
Development @ waa fazry Sd BY Codes HI Debugging Hed WAY gd Language mI 
Internal Working @I deck aie GY as & foe sh He aie Special yHR G Tools 
Ol sR UeExd usd! &€ ak aware wa GY FB Tools, Web Browser s4M Tet 
Companies 4 Default 6d & 34 Web Browser 4 ¢ war zeial @, fora “Developer 
Tools” Ged @, 3ik faft-1 Web Browsers 4 Ward: gs F12 Function Key Press 
arb On/Off fear ot WHat zs | 





fx 1 Developer Tools @ Hci 4 Mozilla Firefox Web Browser Was Powerful 
Developer Tools Plugin & wo 4 Install ot oT Yfaen cat & sik J Tool Wt F12 
Function Key @T Enable/Disable @¥ Wed €| Ut afe si Mozilla Firefox Web 
Browser Use &¥ ¥é &, a ff Tools oT 304 Web Browser 4 Extension @ wu 4 
UrEX Install He: 


1° http://www.getfirebug.com/ 
4% Tool ada 4 uit Web Developers & fay ve aga et SU Tool &, aaife a 


Tool Web Page Development ¢ Debugging 4 dala aT UE Tools a YH 
Collection @| 
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body, input, textarea { style.css (line 909) * 
font-family: Trebuchet, arial, sans-serif; 
} 


body { style.css (line 841) 


background: none repeat scroll 9 0 #333933; 


style.css (line 349) 


style.css (line 197) 


style.css (line 179) 

















20 http://ivehttpheaders.mozdev.org/ 
3a Tool HI art Ht SA Web Browser gd Web Server @ dra Transfer 8 diel 


Message @1 Details UIT HY Wad =| 








Headers | Generator Config About 


HTTP Headers 
http://safebrowsing-cache.google.com/safebrowsing/rd/ChNnb29nLW1hbHdhcmUtc2hhdmFyEAEY2eAGIIDhBioHcbAB... 





GET /safebrowsing/rd/ChNnb29nLW1hbHdhcmUtc2hhdmFyEAEY2eAGIIDhBioHcbABAP_ADIIWbABAP__wA HTTP/1.1 
Host: safebrowsing-cache.google.com 

User-Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:19.0) Gecko/20100101 Firefox/19.0 

Accept: text/html, application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8 

Accept-Language: en-US,en;q=0.5 

Accept-Encoding: gzip, deflate 

Cookie: PREF=ID=980395a10a8f6655:U=c31bdc3844339937:FF=0:LD= en: TM= 1361361757:LM=1361948001:S=uqYeOFLq9xa... 
Connection: keep-alive 

Pragma: no-cache 

Cache-Control: no-cache 


HTTP/1.1 200 OK 

Content-Type: application/vnd.google.safebrowsing-chunk 
x-content-type-options: nosniff 

Date: Fri, 08 Mar 2013 07:03:04 GMT 














Save All... Replay... Capture 


























3° http://chrispederick.com/work/web-developer/ 
4 Tool Current Web Page & Uefa comT wT Elements @ GAO ¢ oe 


Handle @ Control ow at Ufaen ear é | 


Q Disable- J, Cookies» Y CSS- [J Forms~ (Gj Images- @ Information- {j Miscellaneous- / Outliney g# Resizer 3X Tools [Ml View Source~ [f\| Options- CIS 








ufe sia Firefox Web Browser oT carat suart 4 cd 8, dt sat dal Tools & aa He 
wa aia Hea sary fey Hel wraeaee ve | cfs afe 37 Google Chrome Web 
Browser oT Sarar suarT 4 cid & al saad at Tools @ Lite a Alternative 
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Versions, Google Chrome Web Browser @ fery +f Plug-in & a 4 Available @, oi 
fe F12 Function Key Press oe We QS FATA fewg ec 


{3 about:blank 














Google Chrome # fey Firebug Tool aT % ve Lite Version @| SAH seat Google 
Chrome #1 td% oT + YH Developer Tool @, fora ot oa fea 4 F12 Function Key 
ERI Activate far ut WHat @ safe so4 Google Chrome 4 “Firebug Lite” Version 
@! Install 4 fear et| cif afe sq “Firbug” & Lite Version Extension #1 Install 
fear %, al 3a Default Developer Tools @! Open oa @ fae aH Google 
Chrome & Tools Menu 4 wi@x “Developer Tools” Option & Click @eit erm! 
Tool ae feng fea ea 2 | 














we QOBbRFZH#= 


a 








eBanal v 
| (<3 Elements | {a )Resources () Network [Og Sources CP timeline © Profies QQ Ausis [Eig] console ° 


> Computed Style (Show inherited ~ 








V<html dir="1tr"> Y Styles + te te 
>. 


¥ <body cz-shortcut-listen="true"> ctemeuestyte: yt 


<div id="preload_images"></div> 
><input type="hidden" id="dest_uri" value="/"> t 
<img class="background-image” src="/cPanel magic revision 1352746911 Matched CSS Rules 
unprotected/cpanel/images/login-whisp.png"> *:not(#old_ie) { style v2 optimized.css:1 
><div id="login-wrapper" style="opacity: 1; visibility: visible;">..</div> A stte= 
» <script>..</script> preg iesgeteaessees esesesicg. 
<div class="copyright”>Copyright © 2@12 cPanel, Inc.</div> } 
</body> body { style v2 optimized.css:1 
</html> font-family: helvetica,arial,sans- 
serif; 
7 
body { user agent stylesheet 
display: block; 
margin: » 8px; 


5 
1B >=) Q | tm eo: % 








3am Beat Microsoft + 34 Latest Web Browser @ ue i stv4l TH Developer 
Tool Provide fear @ sik ae + F12 Function Key gt é Activate ela &, oft fH 
wT Firebug Took #1 Exact Copy #1 4 Tool ee frenqae fees car &: 
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File Find Disable View Images Cache Tools Validate | Browser Mode: IE10 Document Mode: Standards 











HTML | CSS Console Script Profiler Network Search HTML. 


RRS ee Style TraceStyles Layout Attributes 
<!DOCTYPE html PUBLIC ""> 
G)-<html> 


: 





Text - Empty xt Node 

=)<body onload="javascript:getInfo();"> 
Text - Empty Text Node 

<div class="mainContent™ id="contentContainer"> 
Text - Emp Text Node 





34h seat Apple Safari ¢ Opera Web Browsers # * 31441 Develop Tool @| 
omiad Ut Tools GaHx ay wast et my et fe J a Tools ATT UH GAM ez! 
suey sq are ul Web Browser Use @¥ Xe zl, STH! SA Tools Of sieest ave UY Use 
OAT SMT el Are | 


ae wi afe sm Web Developer S441 aed &, al sua Computer 4 wt Modern Web 
Browsers Installed @M afed sik amHl sq Web Page oT ut Modern Web 
Browsers 4 Test ot afey afh samt ual act am fh va et Web Page 
3terT—3TerT Web Browsers 4 feast ater fears ¢ Har e| 














sah sera eleife e444 HS Tools @ IR 4# Discuss far, cif fai yor wl 
Requirements 1 WT oe ed fal Web Browsers @ asd Ue Tools Plug-in @ Sy 
¥ Available €, fore yfaergure cree soar F cra rear afer | 





Ue sl St BerI—serT Web Browsers @ “Developer Tools” 4 + G Special Types 
@ AcrI—serT Options &, at fet ae Web Browser @ Developer Tool 4 suctet 
vel €| safery ut Web Browsers @ Developer Tools mT stad} ave UY GAS 3TH 
fore suarfl wear 





Carex h fay Internet Explorer GT Developer Tools Use Hxh ufe E4 Web Page @ 
fet Code 4 Change xd &, dl 4 Se Code I Hard Disk WW WH Sat File H WI 
¥ Save xh we ad &, wale a yfaer foe af ae Web Browser # Developer 
Tools # él @| 





art ufe 3m ag IDE a Text Editor Use 4 @¥, dt sa We é Internet Explorer @ 
Developer Tools &t YH IDE &t ave Use Ged gv + JavaScript Codes @T Interpret 
aX Und €, 7a Web Page Create HY UHd &, SAH! Stylesheet JAH Gd =| 





art &% Web Browser ® Developer Tools #1 sat fagrsat & safes sat al Web 
Browsers ® Developer Tools @ i 4 strat G varal ulsat ailey ae sgl var ve 
fe fat Specific Type @f Requirement ef Wr ead om fay aeal wae Web 
Browser @ Developer Tools #1 stax &| 
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Developer Tools Console 


ua ag fait Web Browsers @ Developer Tools a Firebug Tool @T Inspect #7, 
a sg eet fe sat ut Tools 4 “Console” a4 OH UH Tab @| J ae WI &, Ve wR 
am Directly JavaScript Codes feramx diet gf Web Browser 4 Code I 
Functionality #1 ward eg wad €| wel sel, Web Browser 4 Loaded feet “1 Web 
Page & sa Console 4 JavaScript Code feramx Ga Page ux JavaScript Code & 
Effect mt Cat ul Wea ze! 





| G88 


1a | Clear Persist Profile |) all Errors Warnings Info DebugInfo Cookies 


@ >>> alert("Hello. I am from the Console.") ;| 








urife sured fra A eq tea Wad & fh eA >>> Prompt uw fIFt Code fer @: 
>>> alert("Hello. I am from the Console."); 


ue el fF SH Code a fergHx Enter Key Press xd €, Web Browser 4 fA 
fargaR ve Alert Window Display #4 cri @, for wurrat Code 4 ferar war 
Message éI eid @: 


€ | @ hitps://www.google.co.in v ¢||8- Google Pf B&- B-~ @ #@- @- Ae 
@ Disable- J Cookies» Y CSS- [J Forms- [Gi Images- @ Information- [Gj Miscellaneous- / Outliney g Resizer 3& Tools (il) View Source- || Options- ¥% 





Hello. | am from the Console. 


Laisa 





ufe 84 wh B wairel Lines #1 JavaScript Code fersat are, al at Codes @ ara 4 
“Semicolon” oT YarT Gx gy Multiple Lines mT Code ferg Gad &| oe: 
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j@| Clear Persist Profile |) all Errors Warnings Info Debuginfo Cookies 


>>> var a = 10; var b = 20; var total = a + b; total; 


30 


@ >>> var a = 10; var b = 20; var total = a + b; total; 





ufeé gH ale dl gu Firebug Tool @ $a Console @T Multiline Mode 4 +f Open ox 
wed €| sam fey sf Sa Tool @ Bottom Right 4 fees eA ae Red Color & 
Button of Click at ett &| URoTAeaHT Bel Console FTG Multiline Mode 4 
fear oF ora & 


1a | Clear Persist Profile | all Errors Warnings Info DebugInfo Cookies ae ‘ 2 oa 
>>> var a = 10; var b = 20; var total = a + b; total; var total = a + b; 


30 total;| 





Run Clear Copy History 





Wa 4 Firebug & Console #! Multiline Mode 4 Use xd &, aT JavaScript Code aI 
Interpret Hea & fey ef Enter Key @ YM UW Ctri+Enter Key Combination oT Use 
Oe UST z| 


geil axe YW Google Chrome Web Browser 4 ufe Ctrl+Shift+J Key Combination Use 
fea ory, at sak aad fTAaR Google Chrome oI Default JavaScript Console 
Display &) orc @, fort eA dtm Firebug Console @I axe € Use HX Wad &: 


exeegg 
Elements Resources Network Sources Timeline Profiles Audits Console 
> var a = 10; 
undefined 
> var b = 20; 
undefined 
> var total = a + b; 
undefined 
> total 
38 
> 


El >= Q © «top frame> Y <page context> vy. All \@S2) warnings Logs Debug 





uate ufe 84 aé dt Google Chrome @ Firebug Lite Version @ Console #7 
Function Key F12 gixt Activate oy ud & ak a ed frenqar fear car &: 
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p 
[}) about:blank 


rd Inspect Clear 
Console HTML CSS Script DOM 
30 





>>> var a = 10; var b = 20; var total = a + b; total; 





>>> var a = 10; var b = 20; var total = a + b; total;| 


wate get eT Multiline Mode 4 Open oe ux a frerqae fee car & 


ps 


[| about:blank 


30 

>>> var a= 10; var b = 20; var total = a + b; 
tetal; 

30 








seit ave GW Apple Safari Web Browser #1 Developer Tool Exactly Google Chrome 
@ Default Developer Tool #1 ave fey ear 2, Gt fe ae Pere era @: 


| fs | fw 


var a = 10; 
undefined 

var b = 20; 
undefined 

var total = a + b; 
undefined 


total; 
38 





Apple Safari Web Browser @ Developer Tools #1 Activate mad ® fay 84 
Ctril+Alt+I Key Combination oT Wart Ge wad =F 
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seit axe U B4 Internet Explorer oT 1 Console Use &X Ud 8, TT fe FARR slat 
= 


File Find Disable View Images Cache Tools Validate | Browser Mode: IE10 Document Mode: Standards f=] 


HTML CSS | Console | Script Profiler Network 

lb 

>> var a = 10; var b = 20; var total = a + b; total; 
38 





die, & Developer Tool arr Wl ave @ Firebug @ BAM &, sufey eq sa WH 
Multiline Mode 4 Use mt wad &, fram fae ei se Developer Tools & Bottom 
Right 4 few e+ atel Up-Arrow of! Click meat elct @| Multiline Mode 4 4 


Pare fey ear @: 





File Find Disable View Images Cache Tools Validate | Browser Mode: IE10 Document Mode: Standards 
HTML = CSS | Console | Script Profiler Network 
hb mR 
>> var a = 10; var b = 20; var total = a + b; total; 
38 
>> var a = 10; 
var b = 20; 
var total = a +b; 


total; 
38 


var a = 10; 

var b = 20; 

var total = a +b; 
total; 





Multiline Mode 4 w& JavaScript Code mT Run #4 & fay eH Ctrl+Enter Key 
Combination &I Use @ea eal & sue 4 “Run script” Button WW Click + ae 
Wad € | 


faf-1 Web Browsers @ Developer Tools 4d: Web Browser @! Screen U 
Dock uf Connected ved @, cif 4 3 Web Browser @ Window 8 Un-Dock 2 
sat Wt oe wad & sie sert Se G Gaga JY GH Web Page F Linked xed &, art 
wa Web Page @!I Information G Associated ved @, fora We se Activate far 7aT 
OTT | 





eretite + fafi-| Web Browsers ® wat Consoles feat feet ave a ae 
JavaScript Codes of Interpret oe 4 Wr ave GY waa zs, fox W Firebug 4x 
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Favorite Console @, aif & s4# wa waa Automatically IntelliSense @ Yfaet ear 
&, Ud 4 SAH su JavaScript Code Type HX Ye eld =| 


art & 84 Professional IDE @ axe Code Type ed Waa Code Hint eal Yea &, 
forma 4 JavaScript Codes GT ure wad sat WT Code Type GM Hl Gerd Ael 
Yedl, sfem EH Code HY Select Hm Tab Key a Enter Key @I Press YX Wad @| 


ue el haa Eel Console 4 JavaScript Codes fafi Color Text # sur feuig 
ed &, fort JavaScript Codes fers Gl sam et oral @1 Gafe sy Web 
Browsers ® Consoles # Wk JavaScript Codes Plain Text #) axe few ed é| 





uml &4 Firebug Console #! Ww Yor U JavaScript IDE a ave suarT Ho Wad 
e 1 oe Ufeen or fret fare Was GT Ged @: 










Use Arrow keys, Tab or Enter 















— window. document . ATT: 










¢ RY ~ Google 7 ay > > e+ 
© 8 window.document . C Gog ’|f B By @ #- @- 
@ Disab window. document. Resize> € Tools (lll) View Sourcer [1] Options~ 


muggy window.document . 
MB cw socumene. 
window.document . 
window.document. 
window.document . 
window.document. 
window.document . 
window.document . 
window.document . 
window. document . ELE 
window. document . EN’ 
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cf a gfaen eh Hacer ca ret eel 8, Ga FA Single Line Console Mode # z#c #| 
Multiline Console Mode 4 % Feature &A aél eat, eteife Multiline Mode 4 +1 
JavaScript Codes fafa=1 Color 4 fees ed & uit fe ve Extra Benefit | 


ut Web Browsers @ Developer Tools & Console Window @ a feei eid | 
uec fees de fees eal 8, Wet S4 JavaScript Codes fergd 8, cafe quer fee de 
feear gia &, orei Se JavaScript Code @ Interpret €M Ux Return eM det Output 
Display ela | 








se Output Window 4 Guy HT at de JavaScript Code fewig eal 8, uit Run Bei @, 
wate Ard a sik Ga Code & Run @ G Return eA ae Output fees ear e| sa 
a4 fis Parga decay al G VAs Wad & 
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eR) < > *| Console vy | HTML CSS Script DOM Net Cookies 
iP’ 


1a | Clear Persist Profile | All Errors Warnings Info Debuginfo Cookies 


>>> var a = 10; 


JavaScript Output Part of the Console 
Executed JS Code 


Returned Result 


JavaScript Code Part of Console 





art €4 Sa Console a! fat wor & Core JavaScript Codes I Test ot G fey 
WF Use y Wad & sik eA Ex JavaScript Code @ Effect mT cad H fey ae S 
Web Page Create © &) Ulexd Fel &, foes JavaScript Grad & ferent GF Waa wT 
HH Fad Vt vit S| 


wa 84 Firebug @ Console @! JavaScript Codes @ fee Use Hy ve eld @, aa BA 
Firefox Web Browser 4 Y@ Configuration Setting wee mel afey, af Firefox Web 
Browser feel #1 axe mT Warning Message tex Display | 


qalfe Arad: Warning Message Web Page uy feel axe oT Direct Wald Ae! Stet, 
sufere Default 7 G Firefox 4 Warning Message Disabled veal @| cima afe sar 
Web Page 4 48d surat Warning Messages i, dl g41 Web Page & Web Browser 
HF Load #4 HI Speed GrmHl HA et idl eI 





suf wel am ef Uh, 4 JavaScript G Uefa wit Warning Message @I +f 
Resolve #ea afey| ufe s4 Val Hed 8, dl sant JavaScript Code Wi ave BW Bug 
Proof #111 4 Setting ee @ fry et FF Steps Follow Het ed &: 


1 Firefox Web Browser @ |H@d4sd 4 about:config fersax Enter Hy | 
2 & Configuration Page feerg om fsrah javascript.options.strict Option oT 
Select Yh Double Click ¥ | 


We = : | 


|} about:config 


€ @ about:config RY ~ Google P\ & By Bry @ @+- @r Ar 


Search: | strict 





Preference Name * Status Type Value 
dom.sms.strict7BitEncoding default boolean false 
extensions.strictCompatibility default boolean false 
ere) 
Javascript.options.strict.debug boolean 
network.stricttransportsecurity.preloadlist boolean 
security.fileuri.strict_origin_policy boolean 
ecurite ssl allow unrestricted reneno ewennwhere temnorarih: available nref. hoolean 








3 val ad él ga Option HT Value Property 4 false @ wie uw fA fear 
true Set 8! SIU: 
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{_} about:config 
€ 1 @ about:config RY ~ Google P\ & B- Bry @ 


Search: | strict 





| Preference Name * Status Type Value 
| i 2 3 

|dom.sms.strict7BitEncoding default boolean false 

| extensions.strictCompatibility default boolean false 
javascript.options.strict Toes Lied 


|javascript.options.strict.debug boolean 
|network.stricttransportsecurity.preloadlist boolean 


|security.fileuri.strict_origin_policy boolean 
[security ssl allow: unrestricted reneno evenovhere temnoraribe available ref -hoolean- 








JavaScript Console SH Gay ded sual eld 8, wa eA JavaScript wre xe eld = 
qiife Urad WH eA wie—wie Programs sald € d SA Programs @ Statements @ 
Execution @ aim ¢ Hreiyone Hl Gast aT GIR Hed | sa waa ferad TW Codes 
fot +t axe & Practically a Professionally Useful él et | 








BZulere S4 Codes mI Web Pages 4 fersax BA Web Pages HI Run xh JavaScript 
Codes @I Effect a4 4 warar waa criat @| oath Web Browser 4 24 fet #1 Web 
Page #I Load @Yh SH UW JavaScript Codes @ Effect ¢a4q @ fey wa JavaScript 
Codes #fI Viel dt s+ Console 4 ferg wad & fers waa HI sad edi z 


Ue st HE TR BAR JavaScript Codes 4 VG Bugs eld &, ul ale Web Page 4 
Embedded éi, dl O Find meal ara Ael erat) CH 4 SA WHR G Buggy Codes #1 
ea vier et 34 Console 4 fersHx Test HX WHd @ sik Codes @ WI ave Debug z 
UM UX Se FI Web Page 4 Embed ox wed z, fas se aa HT Surety ef one 
& f& Web Browser ® Console 4 3iut sil JavaScript Code feraax Test far &, de 
ul axe BW Bug Free €| al 4 Console Yt wy GW JavaScript Codes aI Test 4 
Debug @ 4 SANT wrt Fag Ged = 





Display Message in Console 

wd 84 Console 4 Hg Message a fet Variable sizfat Object #1 Values oT 
Display val dled &, al 4 S48 console Object @ log() Method @I Use Heal eat 
& 3k ga log() Method 4 e4 ut 7 Variable a String (Text written in Single or 
Double Quote Pair) Specify ea €, Sa Variable 4 Stored Value a String e4 
Console Window @ Output 4 fears ect 21 


sarext & foe afe e4 “Hello World” String @! Console Window 4 Display @<aT 
até, dl 84 Console Interpreter 4 FARR Code feraax WA GX Tod &: 


console.log("Hello World!"); 


wa 84 4 Code fergax Enter Key Press @xd &, cl e4 fierqee Output wre ela @: 
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wey < > | . Console v | HTML CSS Script DOM Net |+||2 


la | Clear Persist Profile all Errors Warnings Info DebugInfo Cookies 
>>> console.log({"Hello World!"); 


Hello World! 





JavaScript in Webpage 


salad Section & Discussion § aa eH sa Ref 4 & fe fale Core JavaScript 
Codes @I Web Browser ® Developer Tools @ Console Window 4 feraax Test 
aX Wad =| 





cia df sa yee 4 Web Browser #1 84 JavaScript Codes #1 Host 
Environment @ 3if¥ Web Browser 4 84211 Web Pages Load #id @, fora4 JavaScript 
Codes mI Use @¥h &4 Web Pages @! warar Interactive said @| gefere JavaScript 
al fexil Web Page & uel fos yor 8 Use fhar ule 8, SM Tet OT VASAT Jed 
TEN S| RTH H FA Section 4 4 ga fava 4 AT | 





JavaScript &1 HTML Document 4 Use oe & fee 84 <script> Element #1 Use 
Or ea &| Wari: et JavaScript HT et atef @ HTML Web Page ¥ Link @x 
wd €| vee aH 4 JavaScript Codes aw Wet ef HTML Web Page 4 <script> 
Element & ara Enclose fear ural & oalh ger atte 4 al JavaScript Codes of 
va External File # Specify fear ora @ 3ik mac sa JavaScript File @t HTML 
Document 4 Link fear srat @| 








<script> Element 

ura eh fxit JavaScript Code af ee & 3 HTML Page ¥ Embed oe aed &, 
aa a SH <head> g <body> <i wil ae JavaScript Code @I Specify HY wad =| 
wa @4 HTML Document @ Head a Body 4 wg JavaScript Code Specify Hed z, 
a dé JavaScript Code Web Page # Web Browser 4 Render eld Waa # Run zt 
Ua & | 


urate fart JavaScript Code oT fei External File 4 Store meq UX Val el erat sik 
e4 External JavaScript File @ fafi-1 JavaScript Codes @f HTML Document 4 feet 
a fexit Event & Response # Call oe tsa @| feet JavaScript Code oF et &F 
HTML Page 4 Embed #4 & fey 84 <script> Element @I frye Specify Har 
ela @: 


<!DOCTYPE html> 
<html> 
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<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>My JavaScript</title> 
<script> 
alert("I am directly running from HEAD element.\n 
When the page renders in the Browser"); 
</script> 
</head> 


<body> 
<script> 
alert("Now | am directly running from BODY element.\n 
While the page is still rendering in the Browser"); 
</script> 
</body> 


</html> 


die HTML5 4 JavaScript #1 Client Side Scripting Language @ Su 4 wot Arar fa 
TS &@, sete EF <script> Element 4 fet six Attribute GI Specify ea GT crexd 
vel 8 diem eH Oe é surlat Code aqur fret JavaScript Code #1 <script> 
Element @ dra Enclose #X uad € | 





JavaScript 


lam directly running from HEAD element. 
When the page renders in the Browser 











wa Web Page @I Render far otal 8, da Uae Geet VINTad faa HTML Page 
aI Head Section Render ela @ ix e4 Barat Dialog Box fewry ear 2! amo faa G 
Address Bar 4 ea wad & fe anit At Web Page wl axe U Load ael gan &, aaith 
3a Alert Dialog Box @ Wa am Close ae! fear oI, ad aH Web Page 3 
Render =eél 8rTr | 
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© My JavsScript o 8 3g 
S| | + |@ file:///C:/Users/Kuldeep/Documents/default.htm! X ] [Q> Google T- 
@o O HEE Apple Yahoo! GoogleMaps YouTube Wikipedia News (84) ¥ Popular ¥ 





JavaScript 
Now Iam directly running from BODY element. 
While the page is still rendering in the Browser 


























ue él g4 veel Alert Dialog Box @ OK Button UF Click Hed 8, Ya ik Alert Dialog 
Box Display état @, Gt fe e444 HTML Document # Body # Specify ferar em) aft 
Hf srg outed fra @ Address Bar oT ee wad @, fora BART Web Page aT sieir 
Render ef ga @, cies wt axe A at Render em, Ga s4 sa Body Element & 
Alert Dialog Box #1 #1 Close ax <i | 








3a axe G v4 fost HTML Document 4 Inline JavaScript Codes I Head ¢ Body 4 
Specify mY Wad €| 


fest HTML Document ® 3t-ax feel JavaScript Code @! Specify mH wW de 
JavaScript Code #7 HTML Code #I axe Top to Bottom @ Left to Right Flow @ia 
& 3 wer et we Interpret A erat xem S| feraat aoe GB wi Executable 
JavaScript Codes Execute “1 eld xed &1 ur Inline JavaScript Codes 4% Web 
Page @ Web Browser 4 Load &M oT Wait del med sfep Sequential Form 4 
Execute eld ved | 





ua 84 fox JavaScript Code @ feet External JavaScript File 4 Store wad @ 3ik 
fox sa File Tt 34 HTML Document 4 Link meat aed &, ad wT es <script> 
Element @1 él YarT eal ell &, cfs sa ae et feTqaR <script> Element @ sre 
Attribute 4 Ga JavaScript File @ URL @! Specify meat era &, fos BF SAR 
Current HTML Document @ eet Link HAT aed & | 








<!-- index.html --> 
<!DOCTYPE html> 
<html> 
<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>My JavaScript</title> 
<script src="myJS.js"></script> 
</head> 


<body> 
</body> 
</html> 
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//my)S.js 
alert("l am from External JavaScript File."); 


wRia? Code aque 84 e448 HTML Document 4 myJSjs aM 1 External 
JavaScript File @I Link @¥ ¥é @ 3i& External JavaScript File # e474 salad Code 
SUR va Alert Message Specify fear z | 


3a IR Od SA SAR Web Page a! Render Hed &, aa A Varad JavaScript Code #4 
ZAR Web Page 4 fu Va Alert Dialog Box & we few ca z: 








© My JavsScript o|8 x 
S| | + 1@ filev//0:/0SoftwareBooks/B%20With%20WWW/Responsive%20Web% X | [Qy Google [iy a 





JavaScript 
@ lam from External JavaScript File. 





























ulate saxradt fea & Address Bar 4 ¢y Wad & fh ari At Web Page Wi axe F 
Web Browser 4 Load =e! gait & Sik B44 GT Code External JavaScript File 4 ferer 
&, dé Code Run # ver & silk BA WH Alert Dialog Box fees & ver | 


war seifere et ver 8, aalfe; Web Page 842i Top to Bottom Render #rat & ai Ge 
e| Web Browser @! Ig Script at Link Element fferat @, Web Browser S& Link diet 
Resource W ga Ud & silk BA Web Browser Ht Memory 4 Download GT Bw 
aX Ca eI 


qfe JavaScript Codes Web Browser & fey Executable Codes eid 8, sufay 
JavaScript Code 4 Specified Alert Function Execute 8! ora @ ai 84 canta 
ferargER Alert Dialog Box fewrg 4 aa eB | 


ea aA areft art J & fe Head Element 4 fs Scripts ut Stylesheet Files GT Link 
ort & fae <script> Ut <link> Element of vart far oral &, oa dH BA Resources 
@ Wl Codes Web Browser # Download =e! &! old, dd am Web Browser 3irt sel 
god | 








at oe dé e4 ewrad faa 4 feesry wy Alert Dialog Box & OK Button uy Click =Eél 
ard, Ti Th SANT Web Page 3st sel Feat sik Web Browser 4 Render Hel erat | 





aie JavaScript mT &4 4x aI Web Page Load éI UM @ ae Ye eal &, safay 
feel JavaScript File et at at Web Page & Head 4 Link sel meat arfey, fem wT 
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HTML Document Specify #1 @ ae Closing Body Element Just Uecl <script> 
Element oI vart mea External JavaScript File @f Link eat aifev | 


External JavaScript File @f sa yar @ HTML Document & Link a H al wre s| 
Usel weal J & fe Ga ae HTML Document Wl axe B Render Asal et val, ad aH 
JavaScript File Web Browser 4 Download wal ell, of fh facna wel Gare & 
quite JavaScript dé 3ifda File em afev, fey Web Browser 4 Load ert arfey | 








Gen wrerat Ys fe Web Page User & GFA “edt Render lat &| afe eH Scripts oF 
Head Element 4 Link @¥, al wa aa Wt Script Web Browser 4 Download =e! @1 
uv, dd dé Web Page art Render ae! erit| gufery Head Element 4 JavaScript 
File mt Link oe Ue User @I otal & Web Page ml ast & Ul Web Site Heat 
Slow @, sufere Ward: User 3g! Site G Skip He Waar @, wi fH sresy ara ael F| 





Performance #1 ¢ft @ Yahoo, Google, Facebook, Bing, Apple aife wit gel 
our sat ave UY fafiet JavaScript Files mI 344 Web Page 4 Specify medt | 
alee Y Vad Ua faa set & silk sg aul Script SY Head a Body 4 wel 
Link oY Wad S| cfs fee aft fet A Script File et siz MeTqER Closing Body 
Element @ Just Uecl Specify m4 Ue Web Page warar duff W Web Browser 4 
Render @ldt @| 











<!-- index.html --> 
<!DOCTYPE html> 
<html> 


<head> 

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>My JavaScript</title> 

</head> 


<body> 
<!-- Whole Page Content --> 


<!-- script just before closing body element. --> 
<script src="myJS.js"></script> 
</body> 


</html> 


ug 84 fhe External JavaScript File @F 34 HTML Document 4 Link @xaT aed z, 
aa Y Text wel ela & fe sant External JavaScript File @1 Extension js # 81 | Web 
Browser i + fet Resource #1 Extension Check Hel Heat] S8 dors GY eA fel 
Script Element 4 fox Text File eI 1 Specify ox wad ¢, cies ad ge a @ fo oe 
External File @I aré oft + Extension 2, S44 Code een JavaScript @ é eM 
afer | 














Sexy mH fay ufe e4 BAR valad Example Code 4 myJS.js File mI 44 qacaaHx 
PAR myJS.txt ee ¢ al af sat Web Browser gu File & Code af +f ftect 
Example #I axe él Run He six ed fees eA aici Output # foe ave al alg wa 
Fel SVT | 
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<!-- index.html --> 
<!DOCTYPE html> 
<html> 


<head> 

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>My JavaScript</title> 
<script src="myJS.txt"></script> 

</head> 


<body> 
</body> 


</html> 


//myJS.txt 
alert("l am from External JavaScript File."); 


ua 2&4 fit <script> Element 4 feet External Source File @I Specify oxd €, da 
eH Sa Script Element # dia fel axe GT Hy JavaScript Code Specify sé! Her 
aney | Ga: 


<script src="myJS.txt"> 
alert("Hi, It’s not right way to write Inline JavaScript Code"); 
</script> 


wala Script Code 4 e414 YH External JavaScript Code File @I Specify fear & uel 
el sa Element ® dia Inline JavaScript Code *1 Specify fear, ul fe werd | afe 
84 Inline Code Specify meat et eI, dl e4 U om PATER HET ele @: 





<script src="myJS.txt"></script> 
<script> 

alert("Hi, It’s not right way to write Inline JavaScript Code"); 
</script> 





JavaScript #! ve was ast fastscr 3 e fe eH fora ae U foe External Domain & 
fei Image aI 31441 Web Browser 4 Import HY Gad &, Gel ave S eA fowl srg 
Domain Ux Specified JavaScript Codes @ #1 stu4l Web Site & fey Use me Und 
© 3k Ua 84 VA Hd &, Td Ba External Domain uw Specified External JavaScript 
Oeil Tee W EAR Web Page @ fey Execute eal @, fort ave AR wae FH Domain w 
Specified JavaScript File @ Codes Executable @iq @| 





Vaert H fey ufe 4 Google & CDN wy Places jQuery @! JavaScript File @T 3104 
Web Page 4 waar 4 ct ale, dl st daa faa <script> Element 4 src 
Attribute @I jQuery 1 JavaScript File @ Path @ Associate eet erm sik feat oa 
JavaScript File 1 31+ Web Server W Place fey gy, 84 wa JavaScript File 6 afl 
Functions @I 3104 Web Page & fey Use mY Und &: 





<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.3/jquery.min.js'> 
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</script> 





ae wast Fea aa sik at a @ fe ere e4 feet 4 HTML Document 4 Page 
Level Inline JavaScript mT Use @ Wad &, cifha v4 Vet al Hea aev| ae wy 
Line @I JavaScript Code gal = @, 84 ede vH External JavaScript File Create 
orl afee sik se External File # € 314 JavaScript Codes of fer arfey | 





External File & dgq Uk wae &| Was vec aa ad a zs fH fore ave GW HTML 
Structure d Style oY we Gee @ we Mix ael oer afey wel ave @ HTML 
Structure 4 Behavior ot 4 Ve Gee G BA Mix Fel Gear afey | 





art ve Web Page # wit Front Parts (HTML, CSS, JavaScript) 31fe om 3tet—stert 
el YS aey| Va Ge oT AeA Haar J s fh SF SAN Web Site HI varat deax 
wip G Maintain ee wad &) FART FANT Web Site UX Wiral Control eat @ sie eA 
JavaScript File @ feet + va Function 4 Change a Modification xg SAH WTA 
Web Site @ wit Web Pages uy Apply #t Wad 8, otafe Internal JavaScript Codes 
em oY Ref 4 st ve—cH Web Page HT Open xh ST Modification HAT EFT | 





qf JavaScript File, Images ¢ CSS File &t a¥e Web Browser 4 Cache eid é, 
Suere oe veclt ue SANT Web Site GI Open fear ura &, wt sant al JavaScript 
Files, User @ Web Browser # Save #! ull @ 3k oa User ean} Web Site @ 3t=] 
Pages &! Open @xal @, dd d Web Pages HH! dull BS Open eid & gale Sa Web 
Pages % Associated JavaScript File tect & €! Web Browser 4 Hoe elit &| ari 
External JavaScript Files Use @w4 UX EHRNI Web Site carat Fast ef ont | 


wate Inline JavaScript I WaT Get Ue ex Web Page # Load eM W Bt IR 
JavaScript Code #7 Web Browser 4 Load ela @, aol St al JavaScript Codes 
war et gal 4 et! se Ree 4 Inline JavaScript Codes GI Use @ UW Web Page 
al Speed Slow I uit &| 








cI Vp sik wraet Y & fh Inline JavaScript Use OM we sh TeRd G sqar fais 
¥HR & Symbol Encodings GI Use Hal Usa 8! Vater H fey JavaScript Codes 
H “<” a “>” 34 Comparison Symbols @ ufe Inline JavaScript 4 Use He US, aT 
BA SAG WA W “&lt;” BW “&gt;” Codes GH WAT Het usa | sera’ EY CDATA 
Element 1 Yar Heal Usa &, oafh External Files 4 al rg Restrictions él ert 
8 | 





<noscript> Element 

os OX feet Geol GS User @ Web Browser 4 JavaScript Disabled Yecl @| Sa 
Raft # s4 JavaScript @ vit HT Codes ferad € ¢ Codes sma org Effect vefeta 
Ael Hx | 





wa 4 eA ga Element om yarT Ha User GI Sa Sd HI GAO ¢ Gad & fh Saat 
Web Browser JavaScript &! Support sel me ver & sufere a a de sq Web 
Browser 4 JavaScript mt Enable @¥ aia fit gue Web Browser 4 Web Site of 
Open | 
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Sa Ted Hl 84 Wad: HTML @ <noscript> Element G1 VarT aH WI Hd s| 
<noscript> Element &T Web Page 4 fuk Use fear aret &: 





<!-- index.html --> 
<!DOCTYPE html> 
<html> 


<head> 

<meta content="text/html; charset=utf-8" http-equiv="Content-Type"> 
<title>My JavaScript</title> 
<script src="myJS.txt"></script> 

</head> 


<body> 
<noscript> 
<p> This Web Page requires JavaScript Enabled Web Browser. </p> 
</noscript> 
</body> 


</html> 


<noscript> Element @I #42 Body Element # dra €! Use fear ora @ ak sa 
Element 4 24 fei #1 HTML Element @I Use me Uad &| sa Element ® dra 
Enclosed Content ft 3ik fm at Refeal 4 d User at fers ed &: 


1 Ua User &T Web Browser JavaScript I Support 7él Hear | 
2 wa User & Web Browser 4 JavaScript #I Disabled fear war slat eI 


fodt +i aa Refi A User I <noscript> Element ® sa Enclosed Content feerg 
ael Ca | 


Object Oriented Programming System Fundamental 

JavaScript YH Object Oriented Programming Language @| s¥efere Object Oriented 
Programming System @ Fundamental ot was! feat e4 JavaScript mt deae wa G 
wel GA Wd! safere vecl FA Object Oriented Programming System @ Basic 
Elements of wasn of rig Het, oil fh PAIR e: 








Object (Method and Property) 
Class 

Encapsulation 

Aggregation and Composition 
Reusability or Inheritance 
Polymorphism 


OahWwNhd— 


Objects 


ghar at fet vt aeg (Physical or Logical) &I 4 Object HI Wad §| Object area 
H fed dor ot wH Representation eat & sik sa Representation ot frit 
Programming Language #1 4¢¢ 8 Express fear oial &| Object Gs a el Waa F| 
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3 alg Physical Car @! UHadl & seat wg Logical Bank A/c &! Goal e| aA BA 
fot at drat Gl ve Object 4a wad S| 





@ Object Basically et Yo Yat Aoi GT Far ela &, fore Properties q Methods & =A 
OU OMT oat 81 uel sat G ex Object Ht Ge Characteristics el adt &, fore 
wal Appearance J Stat @ wo ¥ Ula ola &!1 GA Height, Width, Length, Color, 
Name aife | 





wate gai bx Bt Object fret 4 fet ave a Action Perform @xal &| Object RT 
Perform fey ul we aet Actions &T Object ot Method Ged @| GA vow, soar 
FAW, WAT SIT Ae | 





afe 4 Object ef vm Analogy aI Was GI Hirer HY, al Book YH Object 2 
Book ® Pages #) ue, Author oT 414, Book #7 Price 3f€ Book #1 Properties @ 
ai® Book & Bia Ul WHat &, Far oT Wawa z, aife Sa Book & Methods # Wad 
e | 





ufe Programming Language & 4131 4 Wasi cl Window, Menubar, Toolbar, Button 
aie wit Objects & Barer &| st Wi Object HI HE 4 GY Properties §| Bareet 
® fey Button YH Object @ sik Button we fewg eA ae AH, SA Object HI Vo 
Property €| wf Button oT Click Ha UW Button Ww fesse CF Tel AA GI 
Change &! STAT, Button oI YH Method @ ual Click el YH Operating System 
Event @| 








Class 

gfiat & wit Object fret a fat ve Group 4 Wafea etd &| att ea ghar G atl 
Objects @I Categorized HY Ud =| Saert G fore a Wi ww wet Tel vildl Gl eA 
Human Being Class #1 Object 44 Wad @ af ae wi ae val GI e4 Animal 
Class @T Object HH Uad =| 














art Class ada # vm Blueprint a Description a Prototype a Modal ela & 3ik 
Sa Prototype a Modal # Follow ee ae wi dof Sa Class GI Object ed é | 





Object GI Gat aI Instance # @ gufery afe eH ae a wa MW oe Wad @ fH 
Rohan 414 @ afd Human Being Class #1 Object @ aif sei Human Being 
Class 4! Description @ GX Features €| a fbx s4 Rohan of Human Being Class 
@I Instance * me Wad z | 





Class ada 4 tH YHR a Description a Blueprint 4m erat @| safe vo aR 
Class Define @ cH @ ae e4 GS Class G fod awe Bat Object a Instance 
Create @Y Und €| dlp vel ave S forse ave U v4 fost ux wT Blueprint Create He 
cH & ge Se Blueprint @ stem uy fords De Vad Vo VAM UX Create HX Wad =| 





die Object Oriented Programming System Gadel Ye Concept € silk 34 Concept sf 
fort Programming Language 4 Implement far uit @, Ba Programming 
Language #1 Object Oriented Programming Language el oldl &| cif saat 
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Haerd Y Ael & fH BW Object Oriented Programming Languages YH WA OOPS 
Pattern @I Follow @¥ | 


sitter JavaScript ford Object Oriented Programming Pattern @T Follow @xdl @, 3a 
Prototypes Pattern © 414 © ol onal @ sik sa Pattern 4 dlp vel axe HF Class 
Create Hel eld @, UR Classical Object Oriented Programming Languages C++ @ 
Java 4 etl @| sfem JavaScript 4 ex Object fx que Object & seme ue gaa z 
waite ve Object & wt Features S44 diet SX AY Object F ed =| 





sufery fora Object & see ue AAT Object Create ela 8, SA Aer Object Hl wi ay 
Object & Prototype @ 4 4 Represent fear ora | 


aml C++ a Java oil Languages 4 #4 Um Class Create @ed & 3ilk fhe va Class 
aI Instance Create @xd @, ul fe Object mY Represent Heal @| af JavaScript 4 
4H UH Object Create Hyd & aie fhe Ga Object HI YH Aa Instance Create Hd z 
ul fe drm dar & Object et &, Gear veer ae Object a! at JavaScript 4 va 
Object feet qx Object # fey Blueprint ur Description a Class u Prototype a 
Modal @1 GHA Gat | 


Encapsulation 

3 OOPS @ vH Va Concept @ forad sa a oH Represent fear urat & fe vH 
Object aaa # Properties ¢ Methods @ Combination #1 vm Unit eat &| art 
gmat or og A Object var ael et wear, fort daa Characteristics ef sik 
Methods 4 €I| ar Object HI Appearance a Stat eI cifha de Object Hy oH 4 
OT eT | 








Ua weal H me a ghar G ee Object GI HS 4 Ge Properties eid € sik Be 
Object SY 4 GS GA ral &| Object H Properties HI g4 Object HT Data we 
wad & wah Object sa4 Data ux fo Operations oT Perform mt Wad & VA 
Operations &Y 84 Object &1 Method me Wad €| 


dies alg A Object e4zt Properties ¢ Methods uit Data 4 Data U8 Perform #4 
arel Operations alHi @1 YH Combined Unit erat @| safery Programming Language 
H 4 Object #1 Properties ¢ Methods GI vH Unit > wa F Define far ona z| 


fet Object HI Properties ¢ Methods HI YH Unit & BI FH Define He w Ufhar oT 
Encapsulation &e otal @| at Encapsulation #f Programming Term @ wu 4 84 


PATRI Specify ox Wad &: 


1 Data (Stored in Properties) 
2 Operations to Perform on Data (Methods) 


OOPS Based Object Oriented Programming Languages # Encapsulation @4 oT 
Yo Gea Data Hiding Het ea z, af fHet Object G Data We Hac Set Object 
@ Methods Operation Perform &Y Ue | 
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Aggregation or Composition 

Wd dst UX Objects Hl sg F¥ Ged H BaGUR Combine Ha vH Aa Object 
Create fear ural & a sa ufhar @I Object Oriented Programming System #4 
Aggregation a Composition @eI uid &| 





Aggregation vw Wi ufmar @, forad fot wae 4 dafeia fafiet Objects GT wy 
wle—wie Objects 4 Divide ox fear ural 2, alfe Be Manage a Develop HT 
SRA | fox VA BA Objects FI sg F¥ Combine Hes Problem ol deay mG S 
Solve fear oat & | 





Vater ah fay Ya Computer System dst Uk Units wa fe Keyboard, Mouse, 
Monitor, Micro Processor, RAM, Motherboard aife ot d41 gst Complex Unit 2 | 
eretife €4 Computer System I YH Single Object & Sa 4 Identify wed &| cafhat 
Internally & ded We sey wle—-wle Objects #t Combination elt 8] yet z 
Aggregation a Composition, fae seq Wk Kaa Unit B Objects sigs 4 frctaHx 
WH wat Complex Object Define Ht 4 wars Bla =| 


Inheritance or Reusability 


Inheritance wm Wh ufhar & ferqal Use HH BA BAM YWHR D Codes JR 
Create GH H Joly Ve UH IN Create HH IJR-gR Reuse HH FH Ue zl uid | 





Saext @ fay ufe s4 WH Watch Object Create Ht H fee Code ferad ~, ford 
@aa Hour d Minutes mI Handle fear orat & sik afasr FH eA VA Watch Object wT 
Gerd Usd! &, fora Hour J Minutes @ aet Seconds a +i Handle Hear & | 








at 4 aT Code fhy S fran GT creed set ete 81 afem Hour J Minutes GT Handle 
@et HY Functionality I s4 fase Codes Ht wil wT i Reuse Hd By WIT HY ct 
& 3k ef Gat Seconds HI Manage Ga @ fee € Fa Code fers HI Gerd Tse 
eI 


Sa WHR & Coding Pattern HI uret wet al Yfde s4 Object Oriented Programming 
System ® Inheritance a Reusability Concept G wet ect @| 


Classical Object Oriented Programming Language # &4 Class @! Inherit oxm 3 
gla uret xd &| cia af JavaScript Prototype Pattern Based Object Oriented 
Programming Language #, sufay gad a yfaer viet aed & fay es wp Object ot 
fo EX Object G Inherit He Usa | 








Polymorphism 


“Single Statement Multiple Form’ Polymorphism #! Represent ®t &T One Line 
Statement @| 34 Concept © 3smria fafis| vHR GI Classes & Objects @ fev 
wart Methods @! Call far oat @| cfma ari Objects @ fay saaHl Class 
Methods Call etd @ | 
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ur Program 4 Create fey um aici faft4 Class @ Objects & fey Call fey ur 
aiet Methods &T 414 al GAM ela @1 cifha Ga Object & fer Dot Operator oT Wart 
axa BY WAM aH & Method of Call fear viat s, ay Object fora Class oT ela &, 
Ba Object & fery sei Class GI Method Call tat & 4 fe fot qae Object aI 
Class @T | 





3a UHR WY YH ze Program Code Statement 3tce—sterT Object H fey ste—stert 
uRRefe H stert—stert Method @f Call meat @| Sa Ufa HI Polymorphism oer 
wile & | 





afe BH Salad Ul Concepts OH Vo GWAR Vaewt ERI VAs Gl Her HY, at sa 





THR U Vast Wad € fo are : 


Rahul vw fed (Object) & | 

Rahul #1 Date of Birth 10 Jan 1980, YT TI, GoM 
60KG #1 

Rahul dea WHat &, Wa HX UHat & A Pai FI 
Rahul Programmer Class #1 U& Instance @ | 





Rahul Programmer Object ux amend gat Object = | 
ari ait Rohit & dét Rahul 8, Gafe Rohit wp 
Programmer @, sufery Rahul #1 Programmer @ | 

Rahul @! Yq Date of Birth (Data) €, fort sien uy de 
at 3H Calculate (Method) @xar 2 | 

Rahul suit SH @t Calculate Gal 8, SAH) VIMAR 
Rahul & atetat fet at ai 8, calf Rahul #1 Date of 
Birth daca Rahul oT él var s| 

Rahul Web Development Team Object #7 f€ea @, 
for Rajesh 3ik Mukesh +f Hr Hed s | 

Rahul, Rajesh and Mukesh dial dde @eagot We 
arama & | 

Rahul:Talk, Rajesh:Talk ¢ Mukesh:Talk om wu a ea da 
aert Person Object @ fey Talk 414 &I WAM Method 
Call @Y Wad €| cfoa ea fort Object H Wer sa 
Method #1 Call @xd 8, dé Object Talk at aa Hear 
8 





Object 
Properties 


Methods 

Class Pattern 

(in Classical OOP) 
Prototype Pattern 
(in Prototype OOP) 


Encapsulation 
Data Hiding 
Aggregation 
Composition 
Inheritance 


Polymorphism 
Method Overriding 


wala wit Concepts, Object Oriented Programming System @ Concepts @| afe 
SRT UT Ut BF i stuHl Object Oriented Programming System @T Basic 
Concepts dim G Was ¥ A se ei, al Sa Concepts oH decade Wim G Gast w few 
amy «Sant aR qed “C++ Programming Language in Hindi” ¢ “Java 
Programming Language in Hindi” ot ue Ud §| st ai Yetal 4 Object 
Oriented Programming System @T ged €! Detail HY Wasa Ta es | 
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BOM 


BROWSER OBJECT MODEL 
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BOM — THE BROWSER OBJECT MODEL 


eleife eX Web Browser # tH JavaScript Engine elat @, ol JavaScript Codes oT 
Process @ Interpret oat &, fx AT eat JavaScript Program #1 ff Web Browser 
@ Directly Interact 4él Hx Wear, sea JavaScript e4 Objects Ht vH VA Collection 
Provide @xal @ ul fe ear JavaScript Program @¢ Web Browser ® 4a 
Intermediary @I ave HH Hrd =| 


aml e4 SAR Web Browser @ eel wg aT HIS Interaction He ea & dl e4 SAR 
Web Browser @! JavaScript git Directly Access 4el med sfem BA JavaScript gRT 
Provided fei} Appropriate Object & eel Interaction Hd & sik dé Object 34 
Web Browser @ eet Interact meat @| Objects @ sx Collection ot BOM a 
Browser Object Model oel oct &, feet 4eI Objective, Web Browser 4 
JavaScript & gra vH Simple g Consistent Interface Provide Hx AI ela e| 











ohalfe S44 vee At met & fe JavaScript qr wo U ci fewest Gr sa Bat S| Yeo 
fee Core ECMAScript oT 8, Gert feet DOM oT é a dra feet BOM oT é aie 
BOM, JavaScript #1 ge fee 2@, oT JavaScript ef Web Browser @ wet Interact 
Oe Gl Of ward Har z | 








cif va JavaScript Developer ® fae BOM & Was Ver wel Yer Ge Tew 
feed 2 quite BOM oT alg Standard 444 UY veel St Web Browsers Sa Teil 
Companies 4 3104 Web Browsers gat fey & 3k Ut Companies 4 34 Web 
Browser of aul Ofeergar acti—aert Patterns ¢ Technology oT YarT Hd BV 
Develop fear at| fsrwar ued a gat fe va Standard Web Browser (BOM) aT 
emt afey, ga fava 4 aly Standard a4 G vedi €f BOM Ft Gort aT | 





aia: Web Browsers (BOM) 44% @ aie ¥ BOM oT Standard Develop ae! fear oT 
wed at| eae var oe ue wt Companies #1 st yx Web Browsers oT fhe 4 
Wl ave GY Change Sei usd, ot fe aera sel at] gafery BOM (Web Browsers) oT 
ols Specific Standard 4él ¢4 UT | 





cRoRaed stot At fafis| Web Browsers @ BOM age 4 Wl ae GF WH aN 
Compatible sé &| foraat adore G oa 4 JavaScript er Wart Ged BY Web Browser 
amt BOM ©& Interact od &, ad aer—sterT Web Browsers 4 WM Functionality 
ured oe & fay wt ed aerm—stenl WHR @ Codes foray usd =| 








4 Web Browser #I €! BOM (Browser Object Model) #1 me Wad €| al BOM a 
Web Browser @t sett aol sel & afew UH Bl To @ at ser AH S| gUlay Yea G 
3a Section 4 24 faft41 Companies gRI Develop fet TZ Web Browsers # Model 
@ Common Objects © a 4 ort | 





elaite fat Companies 4 34 Web Browser 4 ded Ue VA Features Add fay =, 
ul fe maa set Company @ Web Browser 4 Available €| cif 84 BA Specific 
Features © 9X 4 dat adi Hey aalf ex ug alg Web Site Create Hed &, dl F4 
uel aed & fe Sa Web Site HT EX Web Page ul Web Browsers 4 vo wart fey 
¢ d Uh VAM BU Behave | 
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safe ufe e4 ft Particular Company @ Web Browser & Specific Features #7 
Use @xd 8U 34 Web Page 4 og Functionality Add @¥t, dl ae Functionality 
dact Beit Web Browser 4 Reflect ef! ara F set | 


eetife ort ait Web Browsers &! sierl—3terT Companies, Organizations = 
Individuals 4 Create fear 8, cif fhe off eit Web Browsers G1 BOM GB 8a Th 
wart @, fore ea Pena YH Tree Structure @ So # Represent HX Wad @: 


collie pris sie! 











Array of Frames 







cA 


OMMO ROWED 


fee 


ity oy 





Document element 









Submit 


Nw 1e tr) 


Password 


File upload 








Other objects 


oife eH outed fra 4 Ge wad é fo window Object Y BOM ar Web Browser 
@I Top Level Object #| Gay weal 4 He, GT window Object ear Current Web 
Browser @ Window @! Represent @xal &| al BA BAR Web Browser 4 
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JavaScript @ Area Y at +} Functionality wet Gat aed €, F at Functionality e4 
window Object @ aeay G € ure ect & aaife window Object fed vt Web 
Browser 1 Root Object ela | 


window Object fx #1 Web Browser @ fel Instance &I Represent al €| Ut 
afe gH wH @ Web Browser # G¥ Tabbed Windows Open x, al 8% Tabbed 
Window v& window Instance €lc @ | 


window Object fi} Web Browser 4 al HA xa &| Yee Web Browser ® uel 
JavaScript Interface @1 ave silk gael Core JavaScript at ECMAScript Global 
Object axe! aril fel Web Page 4H Define far war ex Object, Variable @ 
Function, Web Browser @ $4 window Object #f Ym Global Object mI axe Use 
Qa S| GAe weal F He, AT Global Object GI e4 Program HI Global Scope * HE 
wad € | 





Global Scope 

al wa 84 g4R JavaScript Program 4 oly Vat Object, Variable ut Function 
Create @xd &, uit f& Current Web Page @ fax a feet @ fee Accessible Ye &, 
a 8 WHR ® Variable, Object a Function mT Global Variable, Global Object = 
Global Function et Ul Ua & BR sa yoR G wil Variables, Objects 7 
Functions, window Object #1 Properties ¢ Methods @\ axe window Object ¥ 
Associate @I uid @ | 





Varext wm fey JavaScript 4 oe + eA HIS Variable Create Hal led @, Gl S4 var 
Keyword @1 vat ard gy ft Statement Use Hxd &: 


var age = 31; 


afe 24 feet Variable ef fet Function a Object @I Body @ sax Declare HM 
areal, UXt JavaScript File 4 wei 1 Declare @xd &, al dé Variable Yo YoR F 
Global Variable @! axe Declare erat @, ford Current Web Page 4 @el WT ouart F 
ferar GT Wear B | 


ade Global Variable, Current Web Page & feet + feee 4 fers ae JavaScript Code 
® fae vocal vedt &, waif axdad 4 ge Global Variable e431 window Object #1 
Property s+ oldl &| safery wa aH Current Window Memory 4 Loaded Yedl & ad 
aw dé Variable #1 Window 4 Loaded Current Web Page ® fey Globally Available 
ved! 8 | 








qf Va Object axda 4 Properties ¢ Methods @ Encapsulated Unit ela @, 
Zufere Object HY Property J Method mI Use He @ fay e4 Dot (.) Operator a 
Use ® Usa | 





dim gel yer G window #7 ve Object @ six ule eH 4 oa ed & fe outed 
Statement & 4eaH UY SAR ERI Create fHa wal age AH a Variable, window 
Object #1} Property S41 a Hel, GT Sa Wa GH GMGN wea we ow fay eA window 
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Object @ wet Dot Operator GT yart Het BY age AH @ Variable GI Specify Hx 
Wad & | 


url €4 window.age Statement 1 console.log() # — QR SA Wea Gl UA AT 
wad & fe window Object 4! age Property 4 ols 4H @ A ael 


ufe age a4 oI Variable ada 4 window Object #) Property d41 ern, dl ows 
Stored HI console.log() Statement gm Output 4 Display ef orem, cfm ufe ver 
ael ga et, al console.log() Method Output #& “a 4 “undefined” x1 Display 
GM, VT SA Tat HT Signal era @ fe F4 window Object H feet Vet Property #T 
Access © o! oifeier oy ve & wt fH Exist aéi &| Global Scope am 34 
Functionality @1 Was & fey 4 Firebug Console 4 fA Code fers Wad &: 


#] << >| = | +] | Console ~ | HTML CSS Script |+| |P | 680 


ia | Clear Persist Profile all Errors Warnings Info DebugInfo Cookies 


>>> console-.log(window-.age) ; 
undefined 

>>> var age = 31; 

undefined 

>>> console.log(window-.age) ; 


31 


@ >>> 








ouiad fa 4 S44 Wa Veel console.log(window.age); Statement fersHx Y UIA BT 
air a & fe age 4M a! Property veel W window Object @ fey Available & a 
Tel | sie cha amg ea wad & fo sa Statement @ Run et ux e4 Return Value 
@ By F “undefined” 44 We ec &, Ul Sa aa wT Signal & f window Object > 
fre age ATA GI Property veel V Exist wei 2] 








fax Sr var age = 31; Statement |RI age AM GI YH Aa Variable Create fear e| 
df age 4M wT Variable +t vect W Exist qel &, gufery J Statement Execute eA H 
ave #4 Return Value & SU 4 “undefined” 4M Ure erat | 


aed 4 eA fhe @ console.log(window.age); Statement ferqax Yu oT HIT a 
& ff age 4A I Property veel GY window Object & fay Available € a sel! ik 
oe sg eg Wad & fh sa ax 4 Output S wy 4 AM 31 We zi vel @ Ul age 
aM & SH Et Create fey TV Variable GI 4M z | 








3a AM oT Return eM sx act HT Indicate Hx ver & fh aa age 4M HI Variable, 
window Object #1 Property 34 war &| ayer & Statement Execute eM ue BF fhe 
UY “undefined” 4H Ua era | 
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sa yor Ua oa ulead ect & fo eH JavaScript 4 ford HT Variables, Objects 4 
Functions Create @¥d &, ¢ al window Object #) Properties ¢ Methods s4d @ ak 
Web Browser 4 Currently Loaded Web Page # fere Globally Available ved € | 


var vet @ fe e4 fer a Variables, Objects ut Functions @I Create med &, ot wit 
@! window.propertyName u window.methodName Statement gil él Access &¥ 
wed §| ufe eH ae dl age WH @ Variable @! flee fast window Object 
Specify fey gy al Use Hx Wad &: 


#] << >| = | +] | Console» | HTML CSS Script ||| | 680 


l@| Clear Persist Profile all Errors Warnings Info Debug info Cookies 
>>> var age = 31; 

undefined 

>>> console-.log(age); 


31 


@ >>>| 





ue sm surat fas 4 ay da und € fe afe e4 console.log(age); Statement 
Use @xd &, dl feat window Object oT Specify fey gy a 4 age =H & Variable 
a Value Gl Ud HY Wad z | 


val safe eat @, aif window Object ve Global Object I Represent Heal & silk 
Global Scope # wi Variables, Properties ¢ Methods 4 JavaScript Program 4 
Available ved @| seifere 84 age 4H @ Variable YT Directly + Access HX Wad & 
ai window Object #1 Property & su 4 a Access HX Ud =| 


ee WA deft aa BY & fH JavaScript 6 we VA Objects € GI Global ed ~ Ga 
location, navigator, history, screen, document 31fe| cfm aeaa 4 a watt 
window Object #1 Properties @, fra are 4 4 amt faear GY ory | 





orate SAd Uset A Het fe faft1 Companies 4 304 BOM @f stemi—aert attal @ 
Develop fear &, safery ua Web Browsers Uh GAM OM Al Hed | sa: Windows 
Mobile ® fey Develop fat war Internet Explorer Web Browser 31u4 window 
Object @ et window.property = value; Statement art fet Av Property a 
Method @! Directly Create oe aI yfaen aeél eat| etctife Globally Declare fey aM 
arel Wt Variables ¢ Functions, sd4 +t window Object @I Properties ¢ Methods 
aq und €| 








Window Position 


fit Web Browser & Window @f! Position #1 faf=41 window Properties ¢ Methods 
gt Determine ¢ Change far ol WHat &| FireFox a! wreHx wilt Web Browsers 
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screenLeft ¢ screenTop =H @I <I Properties gm Current Web Browser ® 
Window 1 Position Return od & wafe FireFox # uel Positions screenX 7 
screenyY Properties gk Return Hxa | 


4R Computer System GI Vi Monitor ela & BA JavaScript ¥ screen Object gt 
Represent fear ural @, oafe eat Web Browser Screen ux ford Area 4 fewaig 
cal @, dé Area Web Browser &T Window eid @| sa 24 fa fea Ent sea Ts U 
WAS Wad &: 





Ei Document - WordPad 
File Edit View Insert Format Help 


os SAH .>BHo ®) 














| |10 | |Westem »| B 














Sa Ver fe eh X oa et fo Sart Web Browser 4k Screen HI Left Position 
G feast Pixel Right 4 Placed @, dt eH fr Code fersHx Sa Ta HI Va a Wad 
=: 





For Firefox 
>>> window.screenX //Output: 407 
>>> window.screenY //Output: 60 


For IE, Safari, Chrome, Opera 
>>> window.screenLeft //Output: 407 
>>> window.screenTop //Output: 60 
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4 Statements Console 4 Execute med Waa ufe Web Browser Maximized eI, at 
Return Value @ Gu ¥ e4 O a wre ea @ aalfe Maximized eM Ww Web Browser 
#1 Window, Screen & Top @ Left & 0 Pixel # ait ux etc eI 


die fai Web Browsers oT steI—sterT Companies + act—sterT Patterns @ 
ame UX Develop far &, safes al Web Browsers 4 Window ® Top @ Left 
Coordinates oI e4 HT + Accurately Determine 4el HX Wed | 


fox vt ea fat Window ot moveTo() ¢ moveBy() window Methods #1 Wart Hea 
Web Browser ® Window a! feet Exact Coordinate U¥ Move sex HY Ud &| 


2 asi tl Methods Parameters & su 4 et Arguments Accept @xd 8, Ul ft HART: x 
ad y Coordinate mf Represent med €| Ward: wi Web Browsers 4 4 ali 
window Methods By Default Disabled vec @ | 


Window Size 


See veel fe f4 Web Browser # Window # Size 4 Wafeia Properties @ aR 4 ga 
ox, vect eh feet 4 GUI Window # Anatomy a Structure § wedfera faft1 Terms 
oO! VAs WEN! @, ahh FA Window @ Size G wedfera fafs4 Properties Gl Wasi 
Ue | 





fet #r GUI Operating System 4 feerg e4 act Window @ For wa F at fei eld =, 
fore Client Region ¢ Non-Client Region el ura | Client Region @! Gare: 
Workspace 4 Page Content Area ed @| Ue del Area ela 8, wei User HI Web 
Page fey eat &| uafh Non-Client Area & atid Title Bar ¢ Borders aid @| 
Non-Client Area dé Area ela @, wei User feet a1 axe ar alg Interaction aél Hx 
Uh | 


Title Bar ¢ Border at at Non-Client Region uféd Window a UT Height ect z, 
Se Window # Actual Height a Outer Height med € ofa Border @ Title Bar 
art Non-Client Region &! UcM se vt Height Fadi @, SS Inner Height Hed =| 


Non — Client Region 
Includes the Title 


bar and Borders 







Workspace or 
Page Content Area 


Outer Height 
ee Inner Height 


Inner Width 








Outer Width 
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sul ave U Left ¢ Right &f Border @ Width ufed Window GT Width eli 8, oa 
Window #1 Actual Width a Outer Width med & oath Left ag Right Side 
Border oT eM H ae wl gaa &, Va Inner Width Hed eI 





Page Content Area #1 Height 4 /nner Height a2 Page Container Area &1 Width 4 
Inner Width # Hac Scat sax ela & fe Page Content Area 4 Border Included ¥ect 
@, wate Inner Height ¢ Inner Width 4 Border Included “et erat | 


fax at Window #1 Size mT Accurate ai G var oar A WT ave GY wi Web 
Browsers 4 Wag sel &, waif sert—srert Web Browsers sie—3rernT I SG 
Window @ Size Return od €| fe + Firefox, Safari, Opera 3ik Chrome 
innerWidth, innerHeight, outerWidth 4 outerHeight “1H @1 ak Properties Provide 
ord &@, ferqat wart JavaScript & AIA BY Window Size sia GA H fay fear ot 
Ura s| 





Firefox ¢ Safari 4+ outerWidth ¢ outerHeight Properties, Browser Window #1 
Dimension Return @xd @ | 


oat Opera 4 outerWidth ¢ outerHeight Properties Browser Window @ Page 
View Container @ Dimension Return med &@ wafh innerHeight 4 innerWidth 
Properties, Page View Area @I Return @xd @, fora4 Border Included =e eft | 


Google Chrome 4 outerWidth 4 outerHeight Properties Viewport #1 Size Return 
ard € ul ff add 4 innerWidth @ innerHeight Properties Return eM del WA 
WAM St Slat | 


ut Google Chrome 4 outerWidth 4 outerHeight Properties Browser Window ®@ 
Dimension Return Hel @xd sfem Page View Area a Page Content Area #I Height 
a Width of él Return oe @ | 


Sel axe @ Internet Explorer 3174 Browser Window @! Hg Information 34 window 
Object gt Return ae! Heal, sfem Web Browser 4 Loaded Page # Viewable Area 
a! Information DOM @ areas B Return Heal z| 


orate document.documentElement.clientWidth @ document.documentElement 
.clientHeight 4 <4i Properties ut Web Browsers & Page Viewport ar Client 
Region #1 Height ¢ Width Provide oxd @ | 





eleife IE6 #4 & all Properties wT HA Het &, wath age Standard Mode 4 et! afe 
IE6 Quirks Mode 4 @I, dl $4 Properties @ *24 Ue document.body.clientWidth 4 
document.body.clientHeight Properties GI Use @eal TSaT @| 


Bxil Tee GP Google Chrome “a Quirks Mode 4 eat @, al 34 Information oY urd 
aoe a fay clientWidth @ clientHeight Property #1! document.body a2 
document.documentElement ai Properties @ Wear suart 4 fear oT wear F| 





UR H SIH HE ai get at fal Web Browser & Window a Size HI Determine 
Oe oi wt ale Standard dar ael | 
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Intervals and Timeouts 

JavaScript t# Single Threaded Language @| ail sad Vo aR FH Hact YH el Code 
@l Interpret far ot Wed 8, cif A s4 Timeouts Jd Intervals ef wa yfaene yar 
oral @, fortor Wart Gh BA se Codes @ Execution HI Scheduling HY Wad =| 








Timeouts Wit yfaer 8, fera4 sART JavaScript Code Specify fey mW WAy G ae 
Automatically Execute @f onal &| wate Intervals yfaer grt ea fet Code ot 
fad wsarafel @ Interval ux gR—aR Execute HY Wad =| 





fet Code of we fiad waarat m gre Automatically Execute me @& fay 84 
Web Browser ® window Object ® setTimeout() Method @f suart 4 co Wad | a 
Method Parameter & SU 4 @l Arguments Accept @xdl &, Hel Tee! Argument de 
Code eta @, fora Execute ear &, uafe gat Argument Milliseconds 4 ge aaarafer 
aa @, fiat WAT G ae veel Argument @ wI 4 Specify fer we Code wT Execute 
a @| ga Method of e4 PRTGUR wu 4 of Wad &: 


>>> setTimeout("console.log('Hello')", 3000); 


wd Za Code BI Console Window 4 Type @xm Run fea uit &, al Console 
Window 4 qx et “Hello” Print vei ef oie, diem ga Code of Run oH G 3 
Second a@ “Hello” Print eal @| Ul setTimeout() Method gt 84 Execute #4 
aiet Code I Time Scheduling @x Wad =| 


ufe eH outed Code of et fa Modify med Ev setTimeout() Method & IA 
ux setinterval() Method @1 Specify x ¢ q qux Parameter @ SU 4 1000 Specify 
Re 


>>> setInterval("console.log('Hello')", 1000); 


a ga Code a Execute Het UX ¥ Code Console Window 4 et YH Second & ae 
“Hello” Message Print @eal & sik ca aH sei Code OT aka Run Hea Vel z, 
wa aH fe 4 Current Web Page oT) Reload 4 #¥ < sieidl Web Browser @I Close 
A oy | 


UAarad: gt al Methods mI Use Gem JavaScript 4 fest var H Animations 
Create feu uid €| 


Uh aR fH} Code mF Run ma @ fav setTimeout() Method om yarT orp afe 
Schedule oy fear org silk fhe feel Greorasr afe eA feet fasry uRRefa 4 sa Code 
al Execute € U vect ef waa et, al 84 setTimeout() Method #I Cancel aH @ 
fay clearTimeout() Method ot Use @ Wd €| wale setinterval() Method @ 
Execution oY wim &@ fay &4 clearinterval() Method @I Use ea erat 21 








setTimeout() ¢ setinterval() ai €1 Methods Execute ict 4a staal YH Unique ID 
Return @d @| sa ID of fel Variable 4 Store xm BA IDs GI € clearTimeout() 
at clearinterval() Method 4 Parameter @ su 4 Pass foar oral &| 4 ali Methods 
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Sa Codes aI Execute eH 4G wWeH ead &, feaar ID sah Parameter & wa FA Pass 
fear wat Brat e| 


setTimeout() ¢ setinterval() Methods @I Use md W4a eH veel Parameter } wo F 
Executable Code @! Yam String & wu H Specify me G iI We YH Anonymous 
Function @ #4 4 Specify mea aifee| at afe eA Salat Code oT e sua F cm 
ae, dl s4 del Code erga fers afey— 





>>> setTimeout(function(){ 
console.log('Hello') 
}, 3000); 


>>> setInterval(function(){ 
console.log('Hello') 
}, 1000); 


Breit sRtad elt Codes fasct ari ai Codes OT geal 4 HM! seed &, cifda fhe 
4 a aati € Codes we aK Execute eH @ fee Schedule el We, a se fost 
Ref 4 wer sel OT wear | 





qaife & at € Methods wa Execute ec @, dl au4 Code #1 YH Unique ID Return 
@xd & sik SA Unique ID wT Ua aH ea fH Variable 4 Store 4 OY, Td TH BA SA 
Codes I! clearTimeout() a clearinterval() Method # Parameter @ SU 4 Pass 
arb ge WH ael Wood! suf grdd ¥ sh valet Code a A Penqeur fawt 
afeu: 





>>> var id1 = setTimeout(function(){ 
console.log('Hello') 
}, 3000); 


>>> var id2 = setInterval(function(){ 
console.log('Hello') 
}, 1000); 





aa 8 Codes Wi ave A Controllable §| ufe foe fare uRRefa 4 sh oulat 
Codes @I Execute eM GW Wort ef al oF Y om PAAR clearTimeout() J 
clearInterval() Methods &1 Wart GxYh GX Ud &: 


>>> setTimeout(function(){ 
console.log('Hello') 
}, 3000); 


clearTimeout(id1); 


>>> setInterval(function(){ 
console.log('Hello') 
}, 1000); 


clearlnterval(id2); 
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setTimeout() ¢ setinterval() Functions @f DOM Styles ¢ DOM Events @ a2 
Property Use om #] JavaScript @ 4eaH GW Web Pages 4 fff YoR 
Animations Define fey aid | 


cif Pure JavaScript ot wart aed gy fait yor & Animations Create oH 
fay ged Unt ael oT eam Yet slat & aif wil DOM Methods @ wit Web 
Browsers W4M ST W Support Fel Hd | 








safery GARI: PART oR oF Vea Teri of weed & fay 4 Pure 
JavaScript GF Wart oe G WI w get ef sal G jQuery, DOJO, YU! Se 
JavaScript Library aril JavaScript Frameworks @ WaT GX od & ailfo ga 
Frameworks @!f Pure JavaScript 4 #1 Design fear war @ sik Y GG! Mature 
Frameworks @ | 


sufeay sa Frameworks @ Use Hem 84 Ged ¥ Au Waa Ol gad es ve eld zl 
aie fst orl a gH Pure JavaScript oF Wart me @ fee say wa * Cross- 
Browser Functions Create ®t, S4 Functions @! sa Libraries @ wu 4 vect S 
Define fear ot gat @, fore a4 fear fet uel & ast et ararit G Reuse Ge Wad 
e | 


coat sant acea Y sel @ fo EA JavaScript ot dim GV Bas OH Gerd al 21 
anda # Y avi Frameworks JavaScript ux 2 smenRa & safes ufe e4 JavaScript & 
faft| Fundamentals #1 Gast ci, dl ge g4 Frameworks @ Internal Working @T 
was 4 aral Fae fol & forrmt gore GW 4 ga Frameworks #1 wrar decay wth 
U Use Het F ers el uid &| 











System Dialog Boxes 

Web Browsers alert(), confirm() ¢ input() Methods grt dl System Dialogs 
Display oe 4 was | Y Dialogs Web Browser 4 Loaded Web Page 4 waleia aet 
ald sik a et sah feet axe a ws HTML Code etal 8! ue a saa! Appearance 
Wi axe WY Operating System ¢ Web Browser #7 Settings Ux frie etc 2] 





a di é Dialog Box Synchronous ¢ Modal @ aril a 4 Memory # Load ed & a 
sah aa fers WW UR Codes GT Execution as aH m fay wea ule &, us dH fe eA 
Ze Close Fel HX Ca Z| 





alert() Method — Alert Dialog Box 


alert() Method @1 wart fei Specific Message &! Display med @ few fear oT 
Wd @| Ward: JavaScript Codes & Flow # GAs ul va Codes #1 Debugging 
oe & fey e4 alert() Method gx Alert Dialog Box @I tH Pause GI ave Use Ged 
| area: fet JavaScript Error mY Alert Box gRT Render frat stat &) Ge: 


>>> alert("This is an alert() Dialog Box"); 


Re Bl gH sa Code HI Execute Gd &, s4 seat Output Web Browser 4 faa 
fearg oF ata &: 
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©] B hitps:/www.google.coin a tev S| |BY~ Googie P| B- B-~ © @- @y Ae 


This is an alert() Dialog Box 


Lata 





Alert Dialog Box 1 @aet YH “OK” Button erat &| Bl FA SA Dialog Box GI Web 
Browser & cit @ fery OK Button WW Click Ge & sora sik GS al GX Gad | 


confirm() Method — Confirm Dialog Box 


JV GA VHR oT Dialog Box @ cf ga Dialog Box 4 e4 “OK” gd “Cancel” 4H @ 
al Buttons urd ed €! 4 Dialog Box true a false 4 G fH ve Value a +f 
Return @xat @ | 


um ufe 4 $a Dialog Box & OK Button UF Click Hed @, aT 4 Dialog Box true 
Value Return @xat @, wafe Cancel Button U¥ Click @ UX 4 Dialog Box false 
Value Return eat @| S80 BF PAAR SIT 4 Wad & 


>>> confirm("Are you sure?"); //Output: true 
>>> confirm("Are you sure?"); //Output: false 


2 Dialog Box Screen ue PATGUR fewrg sar z: 


€a https://www.google.co.in _ — P| f& Ey @-~y @ #@+ @r Ar 





Are you sure? 


(ae) [ice 








prompt() Method — Input Dialog Box 


2% Dialog Box tH Special HR I Dialog Box @ fee BF User U fot vaR or 
Input Ud Het & fe Use GY Wad €1 S8 Dialog Box Ww +i OK @ Cancel 4H @ 
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al Buttons fea ed € ue st ww Text Box +f fees ear &, fora User far axe 
oI Data Input HX War F | 


wa User 3a Box uy fees e4 aet Text Box # ors Text Input mx OK Button ou 
Click @xat @, at & Method Input fey Te Text a Return Hal &, wath ufe User 
Zu Dialog Box @ Cancel Button # Click @xat @, dl 4 Method null Value Return 
Ora 2 | 


>>> prompt("What is your name?", "Enter your Name here"); 
"Enter your Name here" 


wa BY Code Run ela @, cl e4 Web Browser 4 fl=1qaR Prompt Dialog Box feurs 
eal &: 


P\f& B- B- @ #- @y ae 





What is your name? 





























34h starat BOM oT window Object &4 find() @ print() 774 ® a sik Method 
Provide @eal &, feat yart e4 Currently Loaded Web Page fe&xit Content ot 
wor strat Current Web Page @1 Printer Ux Print med @ fey He God &| se FA 


PARR Use &¢ Wad &: 


>>> window.print(); 


//OR 


>>> print(); 





2% Method Web Page uy Print Dialog Box Open oa 2, fort oF fH faa A ca 
Uae &: 


81 
Any Question or Suggestion, Click Here to Discuss 


ADVANCE JAVASCRIPT IN HINDI 





























Sign 
Send To OneNote 2010 Td 
is: Ready 
Send To Microsoft OneNote 2010 Driver 
nul 
eee O O e 
Copies 
= India 
Number of copies: 1 So 
112) 9)2)| 3)3) “cet 
FF Google Search I'm Feeling Lucky 
Google.co.in offered in: Hindi Bengali Telugu Marathi Tamil Gujarati Kannada Malayalam Punjabi 
v 
Fe §.>| 7 | Console HTML CSS Script DOM Net Cookies P | 6608 











| Clear Persist Profile || All| Errors Warnings Info DebugInfo Cookies 





window-print () 


@>»> 


4) @ |e | sila yl] a Pa a D0 





suit cxe & 4 find() Method of + feTgER Console Window ERI Open HY Wad 
= 


>>> window.find(); 
//OR 
>>> find(); 


Bicoose + =3 
; 









































€) @ hittps/www.goo || BB~ Googte 2 f& © By @ # @y we 
Sign 
QL 
Google Search I'm Feeling Lucky 
Google.co.in offered in Bengali Telugu Marathi Tamil Gujarati Kannada Malayalam Punjabi 
v 
2 Fe = | | Console ~ HTML CSS Script DOM Net Cookies |P |668 
18| Clear Persist Profile || All) Errors Warnings Info Debug info Cookies 

> print() x 





am: i 7 2 «) 638PM 


Web Browser @ window Object #1 ai 41 aga Unt Properties & fort F gu wil 
Web Browsers ® fey Common & wale ae fafi=t Web Browsers @ fay 
aerate? €| Web Browser ® window Object #1 ut Properties ¢ Methods ot 
List @e4 & fee 4 Firebug & console.dir() Method &T WaRT HY Wad z | 


3a Method # 84 Web Browser @ fort Object mT Parameter & wu 4 Pass od z, 
Method Sa Object & wi Properties ¢ Methods #1 List Display Hx ea | 
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sarewl & fay afe SA window Object @ eit Properties ¢ Methods oY List wat 
ae, dt 84 Firebug Console 4 f¥*1 console.dir() Method @1 fHMAR Use aX Wad 
&: 


console.dir(window) 


Za Statement & Execute 2 ux e4 Web Browser ® window Object @ wii 
Properties ¢ Methods 1 List THAR fesse ed aad 





2] < >| |= | Console + HTML CSS Script DOM Net Cookies 
ia | Clear Persist Profile an Errors Warnings Info Debug Info Cookies 








+ InstallTrigger Object { SKIN=1, LOCALE=2, CONTENT=4, more... } 

4 applicationCache 0 items in offline cache 
dosed false 

+ console Object { log=function(), debug=function(), info=function(), more... } 
constructor Window { } 
content Window www.google.co.in 


+ controllers XULControllers { constructor=XULControllers, Querylinterface=Queryinterface(), 
getControllerForCommand=getControllerForCommand(), more... } 


+ crypto Crypto { constructor=Crypto, version="2.4", enableSmartCardEvents=false } 
defaultStatus 7 
devicePixelRatio it 
document Document wwwgoogle.co.in 


#1 external [xpconnect wrapped (ns!ISupports, ns!Sidebar, ns!SidebarExternal)] { Queryinterface=Queryinterface(), 
addPane-addPanel(), addPersistentPane=addPersistentPanel(), more... } 


frameElement null 
+ frames Window wiww.google.co.in 


@ >>> console.dir (window) 





svt axe G ufe 4 window Object # Sub-Object screen @ wt Properties 7 
Methods of List WM HAT ale, al console.dir() Method ot fayUR Use HX Wad 
= 


console.dir(screen) 


3k ef fersar Output wre ela & 
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eR) < >| | Console + HTML CSS Script DOM Net Cookies 
la | Clear Persist Profile || alt) Errors Warnings Info DebugInfo Cookies 


>>> console.dir(screen) 

cet availHeight 

get availLeft 

get availTop 

oet availwidth 

get colorDepth 

get height 

get left 

get mozOrientation "“landscape-primary" 
onmozorientationchange null 

get pixelDepth 24 

get top 0 

get width 1366 

addEventListener addEventListener () 
dispatchEvent dispatchEvent () 
mozLockOrientation mozLockOrientation () 
mozUnlockOrientation mozUnlockOrientation() 

removeEventListener() 


Screen { mozLockOrientation=mozLockOrientation(), mozUnlockOrientation=mozUnlockOrientation() , 
addEventListener=addEventListener(), more... } 





Location Object 


location Object, BOM @ vm sik ded st AecayT Object 8, ul s4 Web Browser & 
window Object 4 Currently Loaded Web Page 4 Walla det Ul Fey 
Information @ Navigation Functionality Provide @xat @| location Object @! fafti= 
Properties ¢ Methods @! 4 Firebug @ixI fT console.dir(location); Statement 
ERI Display HY Wad &: 


# e| < >| — || Console | HTML CSS Script DOM Net Cookies 
la | Clear Persist Profile [al Errors Warnings Info DebugInfo Cookies 


>>> console.dir (location) 
constructor Location { } 
hash "ghl=ensoutput=searchésc. . .édcef26sbiw=1366ebih=674" 
host “www.google.co.in” 
hostname "www. google.co-in"” 
href “https: //www.google.co.i-..édcf2ésbiw=136¢ebih=674" 
pathname mee 
port 
protocol "https:" 
search ne 


# _ proto__ [unsupported: no toString() function in type object] { reload=reload(), replace=replace(), 
assign=assign(), more... } 





@ >>> console.dir (location) 


location Object gufere +i Special J Unique Object € aalfe AY window a document 
ali Object HI Property @| at e4 sf Point HA & fey window.location + fers 
wad & sik document.location +f fers Wad =| 





of Salad faa 4 eH ee wad & fe Sa Object H ffi Properties 4 Currently 
Loaded Web Page U waltia fafi4 yar a! Special Information @, fore e4 eant 
TEXT G ASUR std Web Page 4 sua FH a ad 1 location Object # fat 
Properties GI 84 fPRATGUR GAs Gad z: 





84 
Any Question or Suggestion, Click Here to Discuss 


ADVANCE JAVASCRIPT IN HINDI 


hash Property 

Currently Loaded Web Page ® URL 4 afe alg #String el, dl de String gu 
Property 4 Store etl @| 3 YH yer HI On-Page Anchor ela &| Bal wa BA OS 
wal Hyperlink Create oxd 8, ford Click et Ue BH Bell Page @ fod aw Ri wT 
Usd uid &, a Ga ARI feel SI Position a Identify mxt & fery faet Element # id 
Attribute 4 4 ul String Specify mxd @, aél String hash Property # Store elcil 2 | 





varextt @ fav User wa http:/Avww.bccfalna.com/index.html#CProgramming URL 
w Click Hrd 8, al de index.html Page & Se Element ww Ueda 8, fore id 
Attribute 4 Value & wa 4 “#CProgramming’ String ot Value & so 4H Specify 
fora rar @ | 


>>> location.hash //Output: #CProgramming 


host Property 


3a Property # Currently Loaded Web Page @ Host #1 4H ¢ ufe Suctel zI, al Port 
Number + Stored wat @| Ue: 


>>> location.host //Output: www.google.co.in 
//Output: www.google.com:8080 


hostname Property 
3a Property 4 Currently Loaded Web Page ® Host #1 =H fast Port Number 
Stored edt | Ge: 


>>> location.hostname //Output: www.google.co.in 


pathname Property 


3a Property 4 Currently Loaded Web Page #1 Path Stored veal &| afe Web 
Browser # det Root Level Domain @T Specify fat war el, dl sa Property 4 “/” 
Stored veal | Ue: 


>>> location.pathname //Output: www.google.co.in 
//Output: www.google.com:8080 


port Property 

3a Property 4 Currently Loaded Web Page @ URL @I det Port Number Stored 
ved! @| ufe ULR & wer ws Port Number Specified 4 #1, al & Empty String of 
Hold @xat &| ore: 


>>> location.port //Output: “” 
//Output: “8080” 
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protocol Property 

3a Property 4 Currently Loaded Web Page @I Web Browser # Load ow @ fore 
Use 8M adel Protocol a! oda el 8) GAeia: Svs “http:” a “https:” €1 Stored 
Ved? & | Ge: 





>>> location.protocol //Output: https 


search Property 

3a Property 4 Currently Loaded Web Page ® uel ufe alg Query String ze, al de 
Query String Store etl €| Query String e4en “?” Mark @ ae oH URL eat @ sik 
Query String URL da saat @, Gd G4 HTML Form © feet Data HI Web Server ue 
Process 84 & fey GET Method oT yart wed gy SEND aed 8! Oe: 


>>> location.search //Output: ?name=Kuldeep&age=31 


assign() Method 

location Object @I WaT eh BA He all WP Web Browser # Location @f 
Change @% Und €| Bl location Object 4 eH Ul HT} URL Specify me ed 8, Web 
Browser 3et URL @ Resource @I Web Browser ® window Object 4 Load mw 
aa @1 location Object + fet Location ef Set wa G fee eA JavaScript G 
assign() Method o) Aa 1 GY Wad &: 





>>> location.assign(“http://www.bccfalna.com/”); 


ut et J Statement Execute ect @ Web Browser 4 dé Web Server Load @M al 
&, ford s44 assign() Method 4 Argument @ wu 4 Specify far 2! 


ufe e4 are, al fet Statements grr Ue gl Web Browser 4 4a Web Page Load 
OX Wad & 


>>> window.location = “http://www.bccfalna.com/”; 
>>> window.href = “http://www.bccfalna.com/”; 


afe ey owlad ai HG fhe aT JavaScript Statement @f Interpret HY, al Y at 
Statements Internally location Object ® assign() Method fT Call mxd € 3k Web 
Browser @ window Object 4 http://www.bccfalna.com/ Web Page #! Load @y ¢d 
& 3k Ge é Fal Web Page, Current Web Browser & window Object 4 Load @lcT 
@, location Object a fafti=1 Properties (hash, search, host, pathname, port, etc...) 
Av URL ot fafti=t Values & Fill et oie =| 


location Object #1 hash Property ® aietat ufe alg HY at Property @ Value 
Change eit @, dt Web Browser #1 Web Page @fI fhe GY Reload @xar @| 
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replace() Method 

ouiad FU feel at atte a Use wep afe location Object @ URL H foet a ae 
aI Change fear orat @, dt BOM @ history Object 4 Sa URL # Yq Entry ef one 
@| afe cred eM wx User Web Browser ® Back Button &T Click exam fhe F flee 
Page UW of Ua | 





cia ufe e4 are, al BOM & 3a Default Behavior I location Object ® replace() 
Method oT Wart mea Change mt Ud &| F Method sa URL # Argument & wy 
H Accept meat @, fer Web Browser & window Object 4 Load oe &, cf 
history Object 4 foal yar of alg Entry sel peat | 


replace() Method #! Call oxt @ aa 84 Web Browser @ Back Button oT Use 
orm free URL ue fhe SU ael OT Wd! Se Functionality mt 4 Firebug Console 4 
f= Statement Run mx Check He Wad z: 





>>> window.replace(“http://www.bccfalna.com/”); 


reload() Method 

reload() Method, location Object @1 aif Method @, ui Current Web Page I 
Web Browser & window Object 4 fhe 4 Reload me eal @| Gd Sa Method a fear 
feet Argument @ Call far rat &, at ufe dé Web Page, Web Browser @ Cache 
¥ Exist et, dl aéi @ Load ea 21 





uate ufe S84 ZH Web Page ot fhe GY Web Server U Wea Heal aed z, al eh sa 
Method 4 Parameter & SU 4 “true” Value @I Specify Heat eat &| SA Method oT 
e4 at aot @ Mansa fers wad &: 





>>> window.reload(); // Reloads possible from cache. 
>>> window.reload(true); // Reloads back from the server. 


ug féxit JavaScript Program 4 YH a reload() Method Execute 1 urd @, a fie 
Be Program 4 Sa Statement U art fers war Hig AT Statement Execute sel erat | 


navigator Object 

3a Object Ht was veel Netscape Navigator 2.0 4 Develop far war en, fort ae 4 
ar adel arr wil Web Browsers 4 va Standard Object @I axe Implement fear 
Tar | 


% Object, Current Web Browser @ Identification @ afeiq Information 1 Hold 
@xal | Blctife He axl Web Browsers SH Requirement GI WwW ae w fay aR 
Alternative 2 Similar Ways Provide od &8| saem om far IE F 
window.clientInformation d21 Opera 4 window.opera Object dél IH ad & UT 
aq Web Browsers 4 navigator Object @xat 2 | 
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navigator Object ary7 wit JavaScript Enabled Web Browsers 4 Wh GAM GA 
axa &| cf 37 BOM Objects #1 axe et eX Web Browser # navigator Object 4 
Current Web Browser Specific Properties @I Set # slat 8| sufey ga YH G SU 
Section 4 84 Had Sel Properties I Methods ® aR F ae, GT amr wil Web 
Browsers ® navigator Object 4 WH GU Y Vuctet =| 





appCodeName Property 


3 Web Browser ® 4A @! Represent Hed &| Wari: sah Value @ wa F 
“Mozilla” &! Stored veal &, Wel &t dé Browser Mom-Mozilla Browsers #! gat 4 eT | 


appName Property 
2 Web Browser # Full Name &! Represent xa | 


appVersion Property 


2% Web Browser @ Version @! Represent @xal @| eletife YF Actual Web Browser 
Version § afea aet ea | 


cookieEnabled Property 


ufe Current Web Browser 4 Cookie Enabled &!, at sa true Value Stored veal & 
wife Disabled a4 a Rafa 4 sas false Value ea 2 | 


javaEnabled() Method 


ufe Current Web Browser 4 Java Enabled #1, al sa4 true Value Stored xed & 
wate Disabled eM at Rafa 4 sat false Value ela &| 


mimeTypes Property 


3 Um Array ect @, forq4 Current Web Browser 4 Registered «ft Supported MIME 
Types 1 Information eid @ | 


onLine Property 


% Boolean Property @, forq4 true a false Value Stored Yecl €| Ufe Web Browser 
Use &4 aici User Internet Y Connected #1, al sa Property 4 true Store ela 21 
uate ufe User Offline Mode # Web Browser Use &¥ Xe @!, al sa Property 4 
false Stored Yéc @ | 


platform Property 


Za Property 4 Current Web Browser @ Operating System a System Platform #1 
Information Stored vedi @ | 
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Plugins Property 

3 Property tH Array etal @, foRT4 Current Web Browser 4 Installed a+ Plug-ins 
@! Information Stored vedl @| IE 4 3a Array 4 Current Page W sue wit 
<embed> Elements @1 Information Stored ved 2 | 


userAgent Property 


2% Property Current Web Browser @ User Agent #1 Information af vm String @ wa 
¥ Store orp Waa z| 


screen Object 


screen Object * BOM art Web Browser & window Object @1 vam Property @ 3ik 
Sant VarT Ft WI BF Client Web Browser & Screen #! Capabilities ot Yat aI G 
fee & fear oat &| & Object Client Computer @ Display a Monitor @ Wafea 
Information Provide @xat @ | 


wl a7 Objects HI axe Sl aeri—stertT Companies 4 3144 Web Browser ® screen 
Object 4 dgq Ut Web Browser Specify Properties GI Specify fear 8, gufey yet 
4 haa Ga Properties @ ae 4 A aa Ht, fers oor wt Modern Web Browsers 
® screen Objects Common uy UY Support Hd =| 





availHeight Property 

3a Property # User & Computer # Display Screen @! Web Browser @ fore Used 
Height Pixels #1 Wea m GI FH Stored vel $1 df Operating System WX feaig oF 
art Task Bar, Web Browser @ Window @® fey Use =eél ela, safere Screen oI 
Full Height ¥ @ Task Bar @ 311 System Related Bars #1 Height cM om ae 
Value dail @, a Value $8 Property #4 Stored ved @| 


availWidth Property 

3a Property + User & Computer @ Display Screen #1 Width Pixels @) Ge H 
wo H Stored vedi @| df e4 st Operating System ux fewig eA act Task Bar @I 
aut Desktop @ Left a Right 4 UX Vertically #1 Place mY Wad € se Rafa 4 
Task Bar ghT Reserved Screen Width, Web Browser #@ Window @ fay Use el 
Bic, safery Screen @ Full Width 4 G Task Bar d 311 System Related Bars @1 
Width deri # ge vit Value sac @, de Value Sa Property # Stored vedi F| 


height Property 


Za Property ¥ User @ Computer @ Display Screen @! Height Pixels a! Gen w 
wo F Stored vedt 2 | 
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width Property 


3a Property 4 User @ Computer ® Display Screen I width Pixels @) Get m 
wo F Stored vedi 2) 


sled ai height ¢ width Properties 4 ada 4 User & Computer # Resolution 
@\ Information ei @| ufe User & Computer 1 Display 768 X 1366 @ Resolution 
UX OIA HX Yel BI, a availHeight Property 4 768 ¢ availWidth Property 4 1366 
HM Store €f ular | 


pixelDepth Property 


3a Property # User 4 Computer @ Display Screen @ Pixels &! Display oH 
fay Use fey my Bits aM Pixel Depth # Information Stored ved @| 


history Object 
User std Web Browser Open @xdl & Td GY ciHx Ud Am User Web Browser 4 
Surfing @xal &, dd aH m Current Web Page @! Navigational History #1 history 
Object Hold #xaT | 





qf history Object, window Object @1 va Property @ gufery e¥ Web Browser 
Window, Tab ¢ Frame @T Stu4T sterT history Object efat @ aif ex Web Browser, 
Tab g Frame oT 3tUaT 3terT window Object ela @ | 


3a Object GI Wart wea eA Current Web Page ¥W Forward ut Backward 4 
Navigation @ Wad & sik sah fee eH Web Browser 4 Current Loaded Web Page 
@ URL @ Information iat Greet el Bre | 





history Object gRT Web Browser 4 Forward a Backward Navigation ow @ fay a 
Object 4 go() 44 GI YH Method Provide Heat @, ol fH Integer Value @ SU F 
wah Argument Accept xa | 


ufe @ Number Positive #1, al Navigation Forward Direction # eat @, oath 
Negative Number @M of! fef 4 Backward Navigation slat @| Sd 84 MATIR 
Use @ tad &: 





>>> window.go(-1); // Go to previous page. 
>>> window.go(1); // Go to next page. 
>>> window.go(3); // Go 3 page forward. 
>>> window.go(-2); // Go 2 page back. 


ufé Web Browser @I history 4 @Ig Information 4 #1, al 4 Method ae a ei 
@xal| uel ufe User 4 Web Browser Open é! far ei, al history Object 4 ag 
Information =e ect | 
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go() Method @ atetat €4 back() ¢ forward() Method @I Use mea wi ante g fied 
Page U% Move @X Und €| 


history Object &1 va length Property eld &, fora4 aot Navigate fey my URLs oT 
wea elit | aril ufe User + Web Browser Open oH & ae Ha 10 Web Pages 
Surf fee 2, dt sa length Property # Value @ a 4 HM 10 Stored veat 2] 


qfe fafi Web Browsers & Model amt BOM aml a! act—stert Companies, 
Individuals a Organizations + aul yfaerger Develop far s, sufey g44 alg 
Standard =el 21 


fx a1 BOM €& Related ford Objects @ ae H ead oA oT Ole a & ¢ wit 
Objects aT eit Web Browsers 4 wuctel eld & Sik als—aga Extra Features & 
uel StH ¢ Properties ¢ Methods Common wy € Available ved &, fod ge 4F 
Say Sa sears A UT eI 





fe Web Applications @ fery Web Browser #1 JavaScript &T Environment Host @fdt 
&, sufery fai Web Browsers & BOM ® Features aem—stert e] Wad €| cif 
wd &4 Web Browser @ 3icial a7 JavaScript Host Environments @! aid od z, 
ute Adobe Flash ul fe ActionScript Programming Language #! Host xa @, 
a ActionScript oR Sat Languages 4 Sam Host Environments faft4 war & oe 
Features Provide @xd @ | 





suifery ufe am JavaScript rad €, al Adobe Flash @! Programming ere sri 
foe Gol ara vedt & waif se Refs 4 art Adobe Flash & aa Fundamental 
Basics oT &! tga ela @, of st Programming Features dl <lai é! Languages 
qb VAM eh OT doe U ayal oe fhe G Wet Ol ced sel ved F| 











url JavaScript 4 G ufe BOM @ Features mI Remove oy fear ay, a fora 
JavaScript gaat @, dé JavaScript J ActionScript WI ave GP we war @| ferro 
Hated Y & fe Web Browser BOM @ Adobe Flash Ut Software & Features oT ufe 
ers fear une, dl JavaScript ¢ ActionScript 4 org faery sax sel vec sik wa Ree 
¥ JavaScript ur ActionScript med & wa w afe ga Scripting Language oT 
ECMAScript Language &e, dl Siral deax ern, gate ActionScript ¢ JavaScript at 
¥ 4 ufe Adobe Flash ¢ BOM 2&1 &cl <, al ul gaat 8, de ECMAScript #1 2 | 











Document Writing 

JavaScript 4 foe Web Page ut Document Object 4 Content eI Write a & fore 
&4 write() ¢ writen) 411 @ i Methods uct ec &, oi fee? Web Page @ Output 
Stream 4 feet Content af ferat at yfaat ed | F ai él Methods Argument & 
wa 4 Um String Accept Hd & sik Va String a wal gr A Currently Loaded Web 
Page 4 Text @! axe Write my ed €| 





write() ¢ writelIn() 34 ai Methods # mac vo ef ae & fh oa B44 writeln() 
Method oT Use @xd @ dl 4 Method Automatically String & 3 4 va New Line 
cial & sik arte Content e4emt vo New Line 4 feeg cat @, oat write() Method 
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Automatically New Line “él cial sfep ufe cera el, al e4 tae “An” Constant oF 
Use &xa New Line #1 Specify Heat Usa | 


34 ai Methods @I Use @xh e4 Dynamically Load @! ve Page 4 stu Content 
Add a ud &| cfba oa s4 JavaScript tre xe eld 8, Td ga ali Methods ot 
Use @th 84 UA: 3104 Programs G1 Output Web Page Ux Render xd @| 34 
aii Methods oT 84 fare Use ex Uad &: 


File Name: document.write().html 

<!DOCTYPE html> 

<html> 
<head><title>document.write()</title></head> 





<body> 
<script> 
document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 
</script> 
</body> 
</html> 





wa eH ga HTML Web Page & Web Browser 4 Load @xd & dl 4 Web Page 


fara Render giat &: 


Firefox “ | 


{_} document.writeQ) 


Current Date and Time: Fri Mar 29 2013 09:50:58 GMT+0530 (India Standard Time) 








uf s4 eg Und & fe Tq Web Page 4 wg Static Content ae! @, fx wt Web 
Page 4 Current Date and Time fey ¢ ver @ ailk aaif Content oT e449 Current 
Web Page 4 document.write() Method gT Dynamically Insert fear = | 


amg og und &€ fe sa HTML Web Page 4 844 write() Method 4 fou ave a 
JavaScript @ Date() Method #T String & eel + Operator gRT Concatenate fra 
uel et e444 Specify fee mW Argument # <strong> Element # * Specify far é, 
for} Web Browser Parse meh fees @4 aiel Date and Time oY Bold Face 4 
Render @¥ vel | 


url 4 sa Method # fet #1 JavaScript Function 3i2at Variable @I Value @I 
String & Wet Concatenate Hxd HTML Elements © dla Enclose @X Wad = sik 
Web Browser 34 write() Method @I Execute @xd WHa JavaScript Codes @ +f 
Run @xa @ ae et at HTML Elements oT +i Parse Hea Render xa 2 | 


wari: write() ¢ writeln() Methods ot fei External Resource &1 Dynamically 
Current Web Page 4 Include wt & fee Use fear ural @| ua BA 34 Methods oT 
Use oa fei JavaScript File @I 3174 Web Page # Dynamically Add @eal aed &, 
qd e4 se aa ol eat 4 wat ela @ fh Fa “</script>” Element @ String @ axe 
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Specify 4 o, eilfe ver ae a a String Web Browser @I Confuse GX QT ailk 
Web Browser Gast fe SA Inline JavaScript Code OT sit ef Yer &, URoTARET 
write() Method ® a1@ @ JavaScript Codes WH WHR O Error oT ave fees ST] ss 
a4 fergar HTML Code gi Was! Wad &: 








File Name: document.write() with script Element.html 





<!DOCTYPE html> 
<html> 
<head><title>document.write()</title></head> 


<body> 
<script> 
document.write("<script type=\"text/javascript\" src=\"file.js\">" + "</script>"); 
document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 
</script> 
</body> 
</html> 





ufe eH GUNTER write() Method m1 wart aed ey feet External JavaScript File 
al <script> Element #1 Wart @ed BY Current Document Dynamically 4 Attach oe 
a ole my, cy et fergere Output wre elar &: 





WO eo ag 


‘| document.writeQ) 


"); document.write("Current Date and Time: " + DateQ) +"): 











var Output safer ut ela @, qalfe wa sulad Web Page #1 JavaScript Code 
Run eld @, al write() Method 4 </script> Tag #1 Parsing ® Waa JavaScript 
Interpreter GT criat & fe wel ue ZAR Web Page @ Inline JavaScript Code &I 3i-d 
el vel &| URoTAGHI EART Web Browser </script> Tag @ 3st G Content of 
Normal Content #1 axe ét Web Browser 4 Parse @¥ Gal @| 








Sa Vor ot VaR S gad ao ater a & fh eA Closing </script> Tag @ Slash of 
Backslash & Wet <Vscript> ai G Specify far ory, af JavaScript Interpreter 
Ba Closing </script> Tag GI axe Treat Hed BY Parse 4 HY ale YH String HT are 
DOM Tree 4 Add | gu Trick @I Use Ged BU 84 Ba BRiad Web Page oI 
fA Re-Create HX Wad &: 





File Name: document.write() with proper script Element.html 





<!DOCTYPE html> 
<html> 
<head><title>document.write()</title></head> 


<body> 
<script> 
document.write("<script type=\"text/javascript\" src=\"file.js\">" + "<\/script>"); 
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document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 
</script> 
</body> 
</html> 





urife ft Output 4 s4 ea wad € fH aa J Code Normal wim UG HA Hy vel 2 
aie ta geufere et ver & aif eA Closing </script> Tag I "<Vscript>" aio 4 
Specify fear | 





| tigi ie) aid 


{ } document.writeQ) 


Current Date and Time: Fri Mar 29 2013 10:12:21 GMT+0530 (India Standard Time) 





write() Method ot ufe @4 UT Web Page Load &H & ara fret Event & Response 
4 Call @¥, dt g4RT WI Web Page Content Overwrite #1 uicl @| Sa Was & fer 
Pry Sarery ced =: 








File Name: document.write() before loading whole page.html 
<!DOCTYPE html> 
<html> 

<head><title>document.write()</title></head> 





<body> 
<h1>This is heading which is normal.</h1> 
<script> 
document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 
</script> 
</body> 
</html> 





sa Web Page aI Render &e4 We 84 fA Output wet ela z: 


Firefox ¥ | 


{ } document.writeQ) 


This is heading which is normal. 


Current Date and Time: Fri Mar 29 2013 10:28:19 GMT+0530 (India Standard Time) 





cfea ufe e4 SalI Web Page &! fu Modify Het By write() Method #T WI 
Web Page Content Load 8M @ aq Use @y: 





File Name: document.write() after loading whole page.html 
<!DOCTYPE html> 
<html> 
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<head><title>document.write()</title></head> 


<body> 
<h1>This is heading which is normal.</h1> 
<script> 
window.onload = function(){ 
document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 
} 
</script> 
</body> 
</html> 








a cafe 4 fi-t Output faa 4 cea wed & fe e4 Hact al Content fewy & ver &, 

wl JavaScript Code ght Generate &! vel @| ul Heading Content Web Page 4 

Static 6a G Specify fear war on, ge fers sel ¢ vet & sik Ven set gore SG ele z, 

ole write() Method # UT Web Page Wi ave 4 Load @M @ ae Call fear var 
| 





| Hrefox ¥ 


i} file:///E:/OSoftwar...0Whole%20Page.html 


Current Date and Time: Fri Mar 29 2013 10:31:45 GMT+0530 (India Standard Time) 





3a Web Page @ JavaScript Code 4 #44 JavaScript Event Handling Code #) Use 
feat =| Events & ae 4 fase @ BF at wash cif fhe it yet aw Fundamental 
Was CA ore @, aif Event Handling Chapter G veel sare TE aT JavaScript 
Codes of au dedy am GU GA Ue | 





GUI Programming ari Graphical User Interface Programming 4 ut +t Software a 
Application Develop fee uid @, ¢ Event Driven Programming Concept uy sTeRa 
ard @| 





Event Wh War Hl ear ect &, fora ear Computer HI Operating System Wasi @ 
ai SA Aca G aye Respond Hxa F | 





Sader m fore oa 24 foi Software & Window # Minimize Button U¥ Click od 
@, dl click Event Trigger etct & 3k Sa Event & Response 4 s4 Computer oT 
Operating System SH Window @! Minimize oe cat 2, foram Minimize Button ue 
eM Click far erat | 


Sul axe UY oa e4 fot Application @ fed Form Window uy fess eA aef Text 
Box 4 org Character Type @xd @, al Keyboard #1 keypress Event Trigger ec @ 
ai sa Event & Response 4 84 Computer &I Operating System 3a Text Box 4 
dé Character Display @¥ ect &, fSRI S44 Keyboard UW Press fear ela =| 


sul ave U fat yar & Applications # faft=1 var m Events Trigger etc @, fore 
Operating System gm Handle fat ura @ silk gulf Web Browser #1 UH WHR oT 
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Application Software €! &, safety Web Browser 4 +1 faft-4| war & Events Trigger 
Bl Wad & | 


varer & fey eH feet Web Page ue feetg 4 atel feel Hyperlink @I Click Hx 
Wd & sik Wa 84 Click Hed @, TH click Event Fire er &| URoaeaHo EART Web 
Browser $4 Click Event @ Response 4 3a Hyperlink @ Associated Resource #I 
Web Browser 4 Load &¥ eal @, fora We BAA Click fear at | 





sul WHR BY wad SA BAR Web Browser @ Minimize, Maximize, Restore, Close, 
Resize aiff od & s2faT Web Page & fait Element 4% Mouse ¥ Click, Double 
Click @ed € s7aT Mouse Pointer @! fei HTML Element U% Move @xd @ 3i2ar 
Keyboard © feel Button @I Press Hed &, ai fat WHR & Events Trigger eld | 





sufey ufe ea are, dl sq Events @ Trigger ef m Response 4 vat JavaScript 
Code fers wad &, ot Hac oe Ref F Execute eat @, Wa ae Event Trigger sic 
e, foram Ue sa JavaScript Code @ Attach fear 7a eta 21 





3a WHR HI Programming Technique forts feet Action @ Reaction 4 uri fret 
Event & Response 4 @ et afey, su a of fafad Ged gy Programming aI 
urd @, &t Event Driven Programming &ed @ 3iik oa &4 Web Browser 4 Event 
Driven Programming @xd @, dd e4 Vat JavaScript Code Create Ged 8, Ul Hact 
af Run ela &, od Se JavaScript Code & Associated Event Fire €fat @| 





df feet HTML Web Page ux ford at Elements eid &, 34 wit Elements & are 
24 fafti=t WHR & Mouse gd Keyboard Events @I Associate @Y Wad | stl ae S 
Web Browser @ fafi=t Objects > wer wt 24 fafis| vaR G Events # Associate 
aX Wad =| 


Wd BH SAR JavaScript Code ol Hac <script> Element # dra Specify med &, a 
Web Page ® Load @!q Waa ul #7 JavaScript Code, JavaScript Interpreter 1 fferat 
@, JavaScript Interpreter SH Run HX ea z| 





cfht od 84 San Ufa fet JavaScript Code #1 feel Event & Response 4 
da Run Ga aed & wd Hg Specific Event Fire eal &, a Sa Ved GI WI GA 
® fay eF at om oe usd & 








1 we fox Event af sa Object @ uel Specify Heat elcat &, fora we Event 
Fire ert | 


2 Fire @M adel Event of Response oa @ fore e4 YH Event Handler 
Function Create ®eaT eT | 





Ha 84 SAR faset JavaScript Program & Code of was at aie wed 31 Alp 
of 84 uid & fe ufe s4 SAR JavaScript ef Feary fers: 





document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 


a a JavaScript Code dlp wet waa Execute @! oid, Gd Web Browser 4 Web 
Page Parse @l@x Render ela wife Web Browser #4 UX Codes Up to Down 7 
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Left to Right Parse #ld €| sgufere JavaScript Interpreter OR €1 sa JavaScript 
Code UX Ugadl, dé BA Run HX eal silk Web Browser 4 Current Date and Time 
Display &t ict | 


cif ett sa feel Web Page 4 JavaScript Code ot farsa fers @: 


window.onload = function(){ 
document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 


} 


4 JavaScript Code ada 4 Execute ae elat sfem Memory 4 Store &! onal @| 
gait & Code wary JavaScript Code 4ei & sfem Ya Event Handler JavaScript 
Function Code @ fort Web Browser & window Object @! onload Event Property 
® we Attach fear wa & Vl Sa aa wT Signal & fe A JavaScript Function 74 
Execute @rl, wt Web Browser 4 Current Web Page WI ave H Load ef oy | 


uh S44 Usel mel fe Web Browser ¢ Web Browser # Loaded faf=1 HTML 
Elements fafi=t War & Events Trigger ed &@| safery oa fx} Web Browser 4 
alg Web Page Wi ave U Load @! onal @, ad Web Browser “load” 41H oT vH 
Event Fire @dl @, ol $e ad oT Signal elct & fe Current Web Page, Web Browser 
4 Wl ave W Load ef gar e| 


Web Browser & window Object & wet ga load Event oT sua aed ey e4 aed 
& f& Ga Web Browser 4 Ig Web Page Wl ave A Load ef wy aa fet 
JavaScript Code Run #! = ff dd oa Web Page, Current Web Browser 4 Load et 
¥el BY: 


document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 





Sa Texd ot wI Ge @ fey e44 window.onload Property @ ue ve JavaScript 
Function a Attach far & wil fe tH Event Handler Code @| 


uri 84 aed @ fe Date aa Display I, ofa Web Page WI axe U Load et Gor e| 
sufere 44 Date Display mx G Wella document.write() Method #! YH Event 
Handler Function @ 3t@y Define fart @| (Function & ak 4 84 art faa F ues |) 


EART UT Event Handler Code uel Ue 44 Define fat @, de Code wH Anonymous 
Function @| sf JavaScript Interpreter $4 Code #f Read xd @ dl ge va 
Memory 4 Store &¥ dat @ silk dé Anonymous Function Memory 4 fort oe We 
Store eal &, SM WIE H VW Pointer Return @xa &| Fa Return eM are Pointer 
@! window.onload Property 4 Store mx fear ura @| 


URUTFRGST SHRT Web Page uit & Web Browser @ window Object 4 wi ave F 
Load f ula &, Web Browser “load” =14 oT Event Fire xa @| URoARGeU 
JavaScript Interpreter window Object @! onload Property #! Check oxal & fh 
wet fot Executable Code # Pointer Stored @ a +et | 
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die e441 Ya Anonymous Function &t window #1 onload Property 4 Assign fear 
8 wil fh YH Executable Code @, gufery JavaScript Interpreter ge<t SH Memory 
Location UX UgaaT 8, ferqeT Pointer window @ onload Property 4 Stored & 3ix 
aie ga Memory Location Ww fI=4aR ve Executable JavaScript Statement eld @: 


document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 


sufery JavaScript sa Executable Statement #1 Execute myx ea &) UReTaeeT 
Currently Loaded Web Page 4 «it #7 Content fat @, write() Method 3% Overwrite 
@Xh SAH WA WW Current Date and Time Display GX ea & | 

sul var UY ea fe ae fh Current Date and Time a4 Display ae eT afey, oa 
Web Page, Web Browser @ Window Object 4 wl ave G Load e! omy, afew aa er 
aifey, od €4 Web Page ww feeig eH act Heading W Click @Y| a sa Wed a 
RI oe & fy eH PAR <h1> Element & ue s+ JavaScript Code oT Attach 
OX Wad &: 











File Name: document.write() with click event on Heading1.html 
<!DOCTYPE html> 
<html> 

<head><title>document.write()</title></head> 


<body> 
<h1 id="clickMe">Click Me to show Current Date and Time</h1> 


<script> 
var clickMeDOMTreeReference = document.getElementByld("clickMe"); 


clickMeDOMTreeReference.onclick = function(){ 
document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 
} 
</script> 
</body> 
</html> 





wa 4 gH Web Page oI Render Hed 8 cl gaat Output fear Render eat @: 


Firefox ¥ | 


:_} document.writeQ) 


Click Me to show Current Date and Time 








cfs oR é 84 sa fey 4 aici Heading1 Content “Click Me to show Current 
Date and Time” Message UF Click @xd &, e4RT Web Page Content Change eine 
frag “Current Date and Time” & Overwrite @! oat &: 
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Firefox ¥ 


*) Connecting... 


Current Date and Time: Fri Mar 29 2013 11:53:00 GMT+0530 (India Standard Time) 





afere, S4 Web Page & JavaScript Code of +f eitst wast cid &| we e4 fee? HTML 
Element ® wer fexit Event Handler & Associate Hea ded & add ed a OM oe 
usd & 





1 fer HTML Element & uer s4 Event Handler &Y Associate GT eal &, Sa 
Element 4 €4 id Attribute &T Specify Gea GreXt ea @| 

2 eH Ja HTML Element @ Reference Wet Hea ela &, foram ae Event 
Handler Function #I Attach @eaT & | 


eletife feel Web Page 4 e44 eel €f window Object & we onload Event 
Handler oT Attach ox feat a, gate window ,d Global Object éM GI ave F W 
JavaScript Code 4 wei #1 Accessible Yea @ | 





cif ea Web Page ® Elements, Global Objects &t cvs Baer ael Hed afew 
ear YX Web Page & wl Elements, Attributes, Texts omf€ 4 Computer oT 
Memory 4 Nodes #1 tH Hierarchy ® UY 4 Organize ved @, fs DOM Tree Hed 
e | 


sufere wa ea feet HTML Element & ure feet Event Handler aI Attach maT aed 
€, dl wae vet e4 GA HTML Element oH Reference a Pointer Ud Het ear z 
ford er g4 BAR Event Handler GI Attach eal aed & 3X DOM Tree (In- 
Memory Representation of Web Page) % & fet Element @ Reference a Pointer 
al ure Het @ fore sf getElementByld() Method 1 Use Sei ela | 


getElementByld() JavaScript gt Provided Ye vat Method @, Gil Argument @ So 
¥ Sa Element ® ID oT Accept Hea 2, ferqat Reference a Pointer Return Har 
ela € | 


sity sat fk JavaScript Code ERI Wat Yet VA <h1> Element # DOM 
Tree Reference ura four & fram ue sd sar Click Event Handler Code oT 
Attach @eaT &: 


var clickMeDOMTreeReference = document.getElementByld("clickMe"); 





3k gf <h1> Element #1 Reference 4 gxifey UI YX Ul we &, ih SA SAR 
<h1> Element @ id Attribute 4 fra “clickMe” 4M Specify far &: 


<h1 id="clickMe">Click Me to show Current Date and Time</h1> 
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sa WHR BY wa 4 clickMeDOMTreeReference Variable 4 <h1> Element oT 
Reference YI 8! Ud 8, al 84 ga <h1> Element & ae PRTAaR Code ERI vo 
Click Event Handler Associate @Y uad ®: 


clickMeDOMTreeReference.onclick = function(){ 
document.write("Current Date and Time: <strong>" + Date() +"</strong>"); 


} 


URUTHeGSU Gd BA SAR Current Web Page @I Web Browser 4 Load wea fey eA 
arel Heading U¥ Click @xd &, aT JavaScript Interpreter Sa JavaScript Anonymous 
Function Code @t Run x eal @, feraa@t Reference clickMeDOMTreeReference 
Variable 4 Stored etc @| 


ami aa eat JavaScript Code ad Run ae! eal, ad Web Page Wi ave BY Web 
Browser 4 Load &! ufc @, sfem da Run ele &, a e4 Web Browser 4H feuig e4 
atet Heading Click Hed é | 





sa yee 4 Event Handling 4 afela ww ve Chapter 8, fora4d fait vor & Event 
Handling Methods # Detail % Discuss fat war &| fhe wi Suxtad Event Handling 
wip ot dip GY Was su far suarft vem, arf art sit drei Chapters 4 fey ay 
fai War & Codes ¢ Concepts } sek Ue sy Yaa ada Event Driven Program 
Sal Ue | 
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JAVASCRIPT 








OR 


ECMASCRIPT 
FUNDAMENTALS 
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JAVASCRIPT OR ECMASCRIPT FUNDAMENTALS 


feet 4 Programming Language #1! axe JavaScript eT #1 Ya Fundamental ur Core 
Part 8, ford wast faa g4 ga Language oI gual Wi Power @ wey waar F sel oF 
Wad | 


wars: wit Programming Languages 4 & Core Part art vo oR et Bla & 
sufere ufe sot usct alg At Programming Languages ‘esi &, dl sa Part oT Clear 
Oe F agel aed él HA GAY NT 


urd: JavaScript & Core Part @ 3mrfa ed J was er @ fh JavaScript o 
Codes fra axe 8 fered oid &, Operators, Data Types, Functions, Looping, 
Conditions sifé fra ae GF Hr ord z, aife aeal HI Gaal ela & Bik Se Chapter 
HF 84 Gas veot gral Gal Hl or | 











Syntax 

JavaScript & Syntax Wi ave @ C Language we sneika & safery ae smoq “C” 
Language a su uw amenRa fet seq Language oe fh “C++”, “Java”, Perl aife 4 
G fort a ve Language a! dra @, at sma ast et seri? @ ge Language aI 
Capture &y cit 











cf afe am Programming @ ak 4 oe AW al oad, dl sual HA S HA “C’ 
Language wee Urea aley aif “C” Language a@rat wait a Modern 
Languages @! Mother Language & al aa watt Modern Languages “C’” 
Language ® Concepts ux éI amend @ | 


Case Sensitive 

JavaScript Y# Case Sensitive Language @| uml gu Language 4 #4 fort WF 
Identifiers Create Hed & sat wit Af Identifiers, Functions, Constant, Variables 3ife 
yect G Predefined € a wit Case Sensitive €| uml JavaScript 4 Small Case 
Letters ¢ Capital Case Letters # fort tra va df AA Sesto AT Ula 2 | 





Identifiers 

fet a Programming Languages 4 fet Variable, Function, Property, Object, 
Constant 3mfe aT veamd & fey Saat YH AM Specify fear ural @| Sa AA Ol et 
Identifier @éd €| JavaScript 4 Identifier Define oa om fey e4 fe faal at 
Follow ®xal ela @: 








1 Identifier ot 4r4 eden fH} Upper Case a Lower Case Character, 
Underscore u Dollar Sign & Bw et aifey | 

2 Identifier @ rq 4 fet Special Symbol, Keyword a Reserve Word @1 
Wart wel Gear aTPey | 
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3 Identifier @ “14 4H Digits a yart fear ot Wea z@, cfs Digits or var ait 
WT ara ot gear 4 at eat arfey | 


ECMAScript & stax eit Identifiers et 417 Camel Case 4 eM afey| at a at 
yas Small Case Letter 4 ao aal G writ wea Capital Case Letter @| oft: 


basicSalary 
firstCar 


Comments 


ECMAScript “C” Language @I axe él al axe W Comments Specify ot a Yfaen 
om @: 


Single Line Comment 
// This is single Line Comment 


Multi Line Comment 
/* This 

is 

multiline 

comment 


ws 





Comments oT ¥arT Programmer sual cred & aqere fers ay faft=t Codes ot 
Vaal deat AH GY VAs FT Ure WA @ fee Heat &| J Comments Web Browser 4 
Render 4el eld | al Comments ae Programmer aut yfae & aud Codes #1 
warel Understandable sam fery fergar @ | 





Statements 


die Web Browser faxit 4 JavaScript Code 7 Line by Line Interpret eat &, safery 
Code @I 8X Line GI WH Statement Het orc 2 | 





ECMAScript 4 8% Statement I 31 tH Semicolon UY fear Gt ore Bat &, Brit 
uel UX 41 Web Browser &I Semicolon ura eal @, dé Statement oH sd asia 81 


Block Statements 

Looping @ Conditional Statements Wi Statements eit 8, Ol Ye GY wear 
Statements @1 Group @lq @| UFR: s4 Statements mT Block Statements eT 
ural @| feet Block ef e411 Opening J Closing Curly Braces @ Pair @ dra forat 
Ola & | Ge: 





if (condition) { 
alert(‘Hi, this is in a if Block’); 
} 
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Block & sax fers mY Statements HT sit Semicolon G eal & cfs df fot vp 
Block @ 3x ge Block Nested @! WHat &, sufery Nested Block oT 3m wf 
Semicolon & al Brat | she: 


if (condition) { 
alert(‘Hi, this is in a if Block’); 


if (condition) { 
alert(‘Hi, | am nested Block’); 


} 


Keywords and Reserved Words 

ECMAScript 4 @& Arai ur reel mT Reserve four Tas aa He AMT U wel oT 
Web Browser @ JavaScript Interpreter @ fey Special Meaning ela @| safe =A 
ara oY 84 GATT Identifier Ht ave Use Fel HY Ud | 


Vert H for ua BF if wee HI WaT Hed &, as JavaScript Interpreter HI a 
Instruction fferat @ fe ufe Parenthesis @ da Specify a wg Condition True @1, aT 
Block @ dq Specified wit Statements mI Execute Heat & saa ael| safe 
uaa oRRefcal 4 ss if wea GT Identifier Gt ave Use asl GX Wad! Web Site 4 
Specify fy ay faft=t Keywords PAU &: 








break else new var 
case finally return void 
catch for switch while 
continue function this with 
default if throw 

delete in try 

do instanceof typeof 


sul axe @ ECMAScript 4 @e wei GT Future 4 Keywords oT axe Use Het & fay 
Reserve Ya @| sufere B48 sa at af A Identifiers HI ave waar A ael A wad! a 


Reserved Words FATHER 8: 





abstract enum int short 
boolean export interface static 

byte extends long super 

char final native synchronized 
class float package throws 

const goto private transient 
debugger implements protected volatile 
double import public 

Variables 


Variables Wi ar ed @ fore YH Programmer OT ave eA SAR Program 4 fafa 
WHR & Codes 4 Values oI Identify med m fore Assign Hed &| JavaScript 4 fet 
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Variable &T Define ow & fore &4 “var” Operator @ Wet SA AH HI WaT Heal ela 
, ford 84 BAR JavaScript Program # Variable GY ave Use Hei ed @ | 


Variables YH Memory Locations ec &, fortat AM W JavaScript Program & ek 
WHIT UR ORR AGU daca Year S| “Rt ale sa fHel Image HI Height 4 
Width @1 300px Set ox & ak 84 aed & fh Wed G sq User va Image FI 
Size GI GA BW Veal HY Us, a s4 sa Size HI vH Variable 4 Store Hea ea z| 














die Image HI Size dacs & fey User fet a feet axe ot 4a HM Specify Hem, 
su Rafa 4 Size er AM gach sik Ul HM daa Wd z@ BA Hold we w fey eh 
Variable Specify Hea elaT 21 Variable Define me @ foe eH fT Syntax GT Wart 
OX Wad & 





var variableldentifierName; 


variableldentifier(Name @ WIM UW 84 Sa AH ol Specify He ela zs, ford Ba 
Variable @I axe Use Hei ded €| sare & fey ufe wa fH Employee a Basic 
Salary 1 a4 Program 4 Store Ha aed 8, dl e4 MARR Variable Define 
Oe BVT: 








var basicSalary; 


3% Statement Web Browser ® JavaScript Interpreter &I J Instruction ea & fh eA 
wh Vea Memory Location aed &, Wel W 4 act UH ael Al HI Store HW sik 
wa Memory Location eI au4 Program 4 Access me & fore eH basicSalary wc 
Ol VAT ATA Gl AS HT | 





die sa Reserve GI GM aici! Memory Location #1 84 basicSalary a4 Identify 
ary, safay J AH vw Identifier €| usaf sa Memory Location Ue Program @ 
Execution @ ek ol 4M Store far ome, de AM GAI-WAY WW TeX G BAUR 
daa Und &, safe 4 Va Variable Identifier é | 








urd eH fet Variable Tt Define eed & aq var fowl cee oH OS AM Fel er ze 
aR wa feet Variable 4 ots 4M ael ela @, ae Variable HI sa feat am ae Rafa 
ol “undefined” 21 gi Represent fear sic 21 at oa feet Variable 4 His 4M 
wel Bl, Tt Vas “undefined” si 2 | 








24 fet Variable I Define eed waa et oad fox + fx axe oT HM Specify Hx 
wad &| ta oe & fey ef “=” Operator HT PII Use HAT Ble @: 





var message = “Hi”; 


% Statement GT Memory Location Reserve #11, S4 Memory Location #1 Identify 
oe & fy 84 message AH GI Wart Het urafe se Memory Location & Reserve 
eld él, ga4 “Hi” wee Store et oTe| gafey ga aK a Variable Undefined =e =| 
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ADVANCE JAVASCRIPT IN HINDI 


ECMAScript 4 ua @4 ft Variable 4 alg Value Initialize a Assign @xd €, dad 
Zu Value & Data Type @ STR de Variable Automatically Sq Data Type o1 et 
ula @ | 


art gh fe Variable & wer se—serl WHR om Keywords @! Specify arm 
JavaScript Interpreter mT 4 sei sara ett fe eH Ve Variable 4 fos THR o AM 
Store mY}, shah “C’, “C++”, “Java” smfe Programming Languages 4 galt Usd 
8 | 








afew JavaScript Interpreter Scal Gastar @ fe e4 US é feel aM aT fel Variable 
¥ Initialize a Assign @ed &, JavaScript tad sa Td oH ual a ca @ fh ea fa 
WHR GI AM Variable 4 Store far & sik JavaScript tds Se Variable Hl Sa WHR 
oI Define @ eal f=) GA- 





var message = “Hi”; 


Za Statement 4 E47 message Variable # “Hi” HM Specify fear &, ul fo va 
String @| safe JavaScript 4 HM @ message Variable 4 Store ox &,, 
message Variable ©! String Data Type #1 Variable Define He car @| 


slaite gH feet ve Variable 4 vH yor oT HM Specify od @ ae quay foe 
Statement 4 3 WHR GAM A Assign HX God &| Ge: 


var message = “Hi”; 
message = 200; 


coat ef tar sel meat afey aalfe JavaScript Interpreter ect message WA 
Variable mI YH String WHR wT Variable Define He sik Just srtci Statement 4 
Bi TH Numerical Type & Variable 4 Convert He G1 | 


ug eH fh Variable mY Define med WHY Ged uel “var” Operator GI Wart aet 
ext 8, dd dé Variable giz Global Variable @) ave @aeR wea &@ ari de 
Variable, Web Browser & BOM @& window Object # Property 44 old @| 





uate var Operator HI WaT HA W de Variable YH Local Variable HI ave Baer 
aX Uh 8, sth se feel Function mI Body 4 Define fear war et| Functions @ 
ar 4 84 amt fear F or | 





Local ¢ Global f@xii Variable @ Scope @! Represent #ed @| uri feet Program 
# oly Variable Program 4 fea wt Ww Use ot H for wuciel We sik Hel Ww 
Variable GArSt Bl GIT, SA Scat HI Variable G Scope vel ora @, form aR F v4 
ary feear & oA | 








JavaScript 4 4} vm €t Statement gt ve 4G waral Variables Define oa @ few BA 
Comma Operator &T art PAAR GX Ud &: 


var basic, salary, bonus; 
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ADVANCE JAVASCRIPT IN HINDI 


afe 84 Variables @T Initialize 4} GAT ale, dT BINTat Declaration MTs A fear 
OT WHat z: 


var message="Hello!", 
salary, 
bonus=12233.50; 





st wit of cdi aert Lines 4 forat ot goa e4 MATAR UH Single Line 4 # for 
Wad &: 


var message="Hello!", salary, bonus=12233.50; 


Initialization V/s Assignment 


ua 84 feet Variable & Define ed waa # sea fH Value oT Specify mrp a 
aa ox ed 8 fe dé Variable fea yor a art fea Data Type HI @, al gu ufmar 
@! Initialization Het oat F | Te: 


var message = “Hi”; 


wate fet Variable @I Define a4 G ae Program # arte Line 4 sear Ww 
Program 4 el 3 WIA WW Oe GE Variable 4 Value Specify fear und &, a sa 
ular al Assignment &al Hel oTdT @| Ue: 


var message; 
message = “Hi”; 
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